I just loaded your gadget to my iGoogle page and inserted a data source url (a trix sheet) and go a table with the styles defined in your css file. Are you sure the styles are not working for you.
ChartMan On Tue, Jun 30, 2009 at 12:21 PM, Ashish Agarwal <[email protected]>wrote: > 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}