Hi I am not able to access the stylesheet myself, it might be the case that the gadget is also not able to access the sheet. So either send me a link to your gadget that I can load and see why it fails; or 1) verify that the file is loaded to the page (you can use FireBug in Firefox or 'inspect element' in Chrome). 2) verify that your class name is applied to the table dom tree.
Let me know how it goes, ChartMan On Tue, Jun 30, 2009 at 9:01 AM, Ashish Agarwal <[email protected]>wrote: > 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}