Hi,
I tried the following code to get the CSS in my gadget
<Content type="html"><![CDATA[
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>Time Table</title>
<script src="http://www.google.com/jsapi";
type="text/javascript"></script>
<div id="tablediv" style="overflow: auto;">
<img src="http://www.google.com/ig/images/spinner.gif"; /></div>
*<link
href="**http://xyz.com/svn/trunk/designs/css/abc.css*<http://xyz.com/svn/trunk/designs/css/abc.css>
*" rel="stylesheet" type="text/css" />*
</head>
<body>
The external css is having following styles:
#Gadget .subHhead {
background-color:#98BCCC;
color:#000000;
height:20px;
font-size:11px;
}
And I am assigning subHhead to headerRow .
var cssClassNames = {
'headerRow': 'subHhead',
'tableRow': 'td'};
Added cssClassNames to options
var options = {'showRowNumber': false, 'allowHtml': true, 'cssClassNames':
cssClassNames, 'alternatingRowStyle': true};
Draw the table with the options
table.draw(data, options);
I used the above code in the xml given by
http://www.google.com/ig/modules/simple-table.xml. But, my external CSS is
not getting applied.
Am I doing anything wrong? When I used the same styles in my xml, I am able
to see the changes.
Another query is what all styles are available with google visualization
Table. From where can i get this information. From the following link I see
following styles
http://code.google.com/apis/visualization/documentation/examples.html
var cssClassNames = {
'headerRow': 'italic-darkblue-font large-font bold-font',
'tableRow': '',
'oddTableRow': 'beige-background',
'selectedTableRow': 'orange-background large-font',
'hoverTableRow': '',
'headerCell': 'gold-border',
'tableCell': '',
'rowNumberCell': 'underline-blue-font'};
Thanks
Ashish Agarwal
On Mon, Jun 29, 2009 at 5:34 PM, ChartMan <[email protected]> wrote:
> 1. Here is a good example on how to use css classes to configure the table.
> The class definitions can come from an external css file.
>
> http://code.google.com/apis/visualization/documentation/examples.html#custom_table_example
>
> 2. What is the html view of the table?
>
> ChartMan
>
>
> On Mon, Jun 29, 2009 at 1:11 PM, Ashish Agarwal <[email protected]
> > wrote:
>
>>
>> Hello friends,
>>
>> I am using visualization API for creating a gadget which will show
>> simple data table. I want to modify the structure of table using
>> external CSS file. How can I do that?
>>
>> I used the following link to modify the table configuration
>>
>> http://code.google.com/apis/visualization/documentation/gallery/table.html#Configuration_Options
>> but I have to give the stylesheet code in the same file. I want to use
>> external CSS file. Please help me.
>>
>> Second, is there any way to see the html view of table which is
>> generated by google.visualization.Table.
>>
>>
>> Thanks
>> Ashish agarwal
>>
>>
>>
>
> >
>
--
Regards,
Ashish Agarwal
Ph. 9250092550
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en
-~----------~----~----~----~------~----~------~--~---
![http://www.google.com/ig/images/spinner.gif"](https://www.google.com/ig/images/spinner.gif"){kind=link}