Wait a minute. There is a big difference between your immediate goals, which are particular and anecdotal, and the goals of the jQuery-UI framework, or any framework for that matter, which is to provide an extensible general starting-point for hundreds or thousands of people like you.
Riddle me this: imagine you need a table with many columns, used to wide-display lots of data. Imagine the first thing hundreds of developers would *scream* about, you included, namely why on earth would we hard-wire a very specific CSS selector for the font-size of a table? You said yourself, one-line of CSS serves your immediate purpose just fine. I'd say that's a pretty cheap price for you to pay to allow you to easily squeeze a wide-table into a layout with a very similar line of CSS to serve *that* purpose when it comes along. **--** Steve On Jan 14, 10:51 am, fbloggs <djken...@gmail.com> wrote: > So what you are saying then is that I cannot write a UI widget that > uses a table without tweaking the CSS myself. I just don't understand > how that can be the goal of the jQuery UI CSS framework. I have built > an entire SQL report writer application using the jQuery UI, including > the UI layout plugin, a UI feedback plugin that I wrote (that > conforms to the UI CSS framework) , and the jQuery Table drag and drop > plugin. It looks great, works great (I love the jQuery UI CSS > approach), and the only thing I had to tweak was the table CSS. > Basically, you have to add one word to the CSS specs- like this .ui- > widget, .ui-widget table { blah... } instead of .ui-widget { blah... > Hardly bloat. Are there a lot of other circumstances were there are > generic problems not covered by the framework? I haven't encountered > any. > > There is lots of discussion in the future jQuery UI dev docs about the > need to be able to have more flexible styling of form elements, etc. > Why do these get included in the goal of the project, but something as > elementary as tables don't? > > Thanks for your responses! > > Duncan > > On Jan 13, 5:42 am, Scott González <scott.gonza...@gmail.com> wrote: > > > This is not the goal of the jQuery UI CSS Framework. If you want a CSS > > framework that will solve generic problems, there are other systems > > available, such as Reset CSS and Blueprint. The goal of the jQuery UI > > CSS Framework is to build a small framework for UI plugins to be built > > on top of and then provide styles, using that framework, for all > > plugins available in the jQuery UI suite. Expanding the scope would > > create a lot of unnecessary bloat. > > > On Jan 12, 12:41 pm, fbloggs <djken...@gmail.com> wrote: > > > > Well, I respectfully disagree. I do agree that this is a general CSS > > > cascade issue (in fact, I scoured the W3C CSS 2 specs to find where > > > tables fit in the cascade rules, with no luck). But it seems to me > > > that the jQuery UI CSS framework should handle this inconsistency for > > > you, and that the solution is very simple (along the lines of what > > > I've shown above.) This is more 'customer-centric' thinking, rather > > > than telling the user 'oh, it's a CSS quirk, and you have to fix it > > > yourself'. You could use the same argument with cross-browser > > > compliance!!! Instead, why not just fix it (ie deal with the quirk) in > > > the first place? It would be a very simple change to the jQuery UI > > > CSS framework. > > > > Regards, > > > > Duncan > > > > On Jan 4, 5:33 am, Steven Black <ste...@stevenblack.com> wrote: > > > > > More generally, you can solve this with > > > > > table { font-family: inherit; font-size: 1em; } > > > > > So it's not really a tabs or a jQuery-UI issue, but more generally how > > > > table styles are reset, set, and thereafter cascade. > > > > > **--** Steve > > > > > On Dec 30 2009, 6:46 pm, fbloggs <djken...@gmail.com> wrote: > > > > > > I just recently used UI tabs in an application. Within a couple of the > > > > > tabs I used tables for content (let's not have a religious debate > > > > > about using tables for layout, please). Anyway, the font size came > > > > > out much bigger than for text in a paragraph, for example. I looked at > > > > > the custom.css file (generated by themeroller) and found this line: > > > > > > .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget > > > > > button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; > > > > > font-size: 1em; } > > > > > > - designed to handle form input types. > > > > > > I copied this and added table as a descendant selector, like so: > > > > > > .ui-widget table { font-family: Lucida Grande, Lucida Sans, Arial, > > > > > sans-serif; font-size: 1em; } > > > > > > Problem solved. > >
-- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery...@googlegroups.com. To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.