Earlier in the code it was fake url. Please find the following links: My gadget URL http://ashish-dev.googlecode.com/svn/trunk/list_table_gadget.xml
CSS url http://ashish-dev.googlecode.com/svn/trunk/ipathshala.css Thanks Ashish Agarwal On Tue, Jun 30, 2009 at 12:44 PM, ChartMan <[email protected]> wrote: > 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 >> >> >> >> > > > > -- 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}