Yes, that's a good point. I was thinking about that after I wrote my
last post. The proposed grid widget would need to work within the
context of other UI elements without being affected by other selectors
in the CSS framework. BTW - any ideas on where that is in the
development process? I think the dev wiki front page just says 'in
planning' .
Duncan
On Jan 15, 6:41 am, Steven Black <ste...@stevenblack.com> wrote:
> Another critical piece to consider is being mindful not to create
> framework-level legacy issues for future jQuery-UI grid widgets...
>
> **--** Steve
>
> On Jan 15, 1:25 am, fbloggs <djken...@gmail.com> wrote:
>
>
>
> > Ok - I guess we just have to agree to disagree. If I am using the UI
> > CSS framework to design a page, I would expect the font size of all my
> > elements (including table text) to correspond to what the UI
> > framework generally imposes. If I want a table with a different font
> > size, I can create a separate CSS selector for it, but by default I
> > would expect my table fonts to match other elements such as labels,
> > paragraphs, plain text, etc. etc. Anyway - I wouldn't 'scream' about
> > it, and I don't mean to here - just trying to contribute something to
> > the discussion. I do appreciate the great work you and the rest of the
> > contributors have done.
>
> > Duncan
>
> > On Jan 14, 8:21 pm, Steven Black <ste...@stevenblack.com> wrote:
>
> > > 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.
