I'm sorry to hear you had some trouble, but I'm glad to hear you got it working in the end. As far as making things easier in the future, we've got a plan:
http://wiki.jqueryui.com/Download-Builder-Zip-Restructuring We'd love your feeback on that (if you want to leave a comment on that page, you can request access through the site). Thanks. - Richard On Wed, Mar 4, 2009 at 10:18 AM, zendog74 <[email protected]> wrote: > > I ended up downloading a few more themes and changed the directory > structure so that the themes were in a "themes" folder (i.e. themes/ > cupertino, themes/smoothness). After doing that and using the > example.html file that came in one of the downloads, I was able to get > it to work. > > Truthfully, I am not sure which of the changes made the difference. I > tried everything from changing the HTML doctype, to renaming the ids > of the tabs, to changing the directory structure. > > Hopefully in the future, the demos and docs on jqueryui.com will be > more clear. I really love jquery/jqueryui, but this is about the third > time that I have spent hours on something that really should have > taken minutes. > > > > On Mar 3, 4:52 pm, zendog74 <[email protected]> wrote: > > Hi all. > > > > I am working on implementing tabs and I cannot get the CSS to work to > > save my life. I read some threads about there being a mix-up in the > > CSS class names with themeroller and tabs, but that appears to be > > fixed now. Yet, my tabs are still not being styled. > > > > I am importing JQuery and JQueryUI from Google. I downloaded the > > Cupertino theme from JQueryUI's Themeroller. I have not modified the > > ui.all.css file at all. Here are the relevant snippets from my code: > > > > <link type="text/css" href="js/theme/ui.all.css" rel="stylesheet" /> > > <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/ > > jquery.min.js"></script> > > <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/ > > jquery-ui.min.js"></script> > > > > $(document).ready(function(){ > > checkCronJobStatus(); > > $("#tabs").tabs(); > > > > }); > > > > <div id="tabs"> > > <ul> > > <li><a href="#managementConsole">Management Console</a></li> > > <li><a href="#logViewer">Log Viewer</a></li> > > </ul> > > <div id="managementConsole"> > > The cron job is currently <strong><span id="cronState"></ > > span></strong>. > > <br /><br /><a href="#" id="startCronLink">Start Cron Job</a> > > <a href="#" id="stopCronLink">Stop Cron Job</a> > > </div> > > <div id="logViewer">Log viewer will go here.</div> > > </div> > > > > My tabs just show up as grey/white very generic tabs. I tried the > > Smoothness theme as well to no avail. Does anyone know what I am doing > > wrong? Seems like I am missing something simple, but I have been at > > this now for hours, so I am just not seeing it. > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" 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/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
