Hey Kevin,
You can set the font size of our widgets to whatever you'd like by
generating a theme in ThemeRoller:
http://jqueryui.com/themeroller/
The size you choose will be set on the outermost element of any UI
widget, and the styles within that widget are styled relatively to
that font-size so
What radius and unit are you using?
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jq
Tough one. The icons need to be block-like to hold their 16px
squares.
Ideally, we'd set ui-icon as inline-block in the CSS framework but the
support wasn't good enough across our browsers.
Within UI widgets, we almost always position the ui-icon span
absolutely, and give the parent element rela
Hi,
Tables have a default browser font size that's sorta large, so even if
you pull all the UI classes out of your markup, the TD will be
significantly larger than the text that precedes it.
By applying the ui-widget class to a parent element, you'll be setting
a font-size for that element which
Okay so I took a quick look at this and based on what I think you're
asking, I have an answer.
In the UI framework, icon classes are set up to be placed on child
elements of state and container classes. Your demo doesn't work
because ui-state-hover class has its own positioning rules for
backgrou
I'm taking a look at this now. I'll reply shortly.
Thanks
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this gro
Hi Jim,
This is unfortunate, but it's something we have to do in order to
ensure links are at least readable within our widget content areas.
This is particularly problematic in themes with light-text-on-dark
content areas, where a global link color leaking through can become
visually inaccessible
Could you let us know what browser you're using and also verify that
you have cookies enabled?
A quick test shows the switcher saving a cookie on my browsers.
You might try the switcher in this demo to make sure it's saving state
for you as well: http://filamentgroup.com/examples/daterangepicker_v
Sorry, I'm not sure I understand your problem. Could you clarify what
you mean by compression?
Generally, you can include a UI theme on a page either by downloading
it and hosting it on your own server, or linking to the theme you want
on Google's CDN, like this:http://ajax.googleapis.com/ajax/li
I think you're referring to the padding around the content area.
If so, you can write an override against the accordion css, or just
modify your own file if you'd rather. You'll see in this CSS, there's
"1em" top and bottom padding around ui-accordion-content:
http://jquery-ui.googlecode.com/svn/t
Yes. naturally. Just like jQuery UI's JS files. They're always tied to
a version of the library as a whole.
If your app is tied to a particular version of UI - you'll need to
choose that version in the builder, but we'll likely only support 2-3
versions in the builder at a time.
Legacy, stable, a
Good to know.
We call the file you're referring to 'jquery-ui-1.7.custom.css'
because it now contains ALL of your CSS - not just ui.theme.css.
If you want just your customized ui.theme.css file, you can get to it
in the development-bundle folder, like this:
/development_bundle/themes/custom+theme
yabdab,
I think I understand your frustration, but from what I can tell your
case is far from the primary way people use ThemeRoller. If I'm
incorrect in my assumptions, let us know more about what you're doing
with it.
The primary intended use of ThemeRoller is for a designer or developer
to des
that said, those classes are designed for clickable elements so you'd
probably only apply it to an anchor or button - not a div.
There are container classes like ui-widget-content and ui-widget-
header that are more div (container element) oriented.
-Scott
--~--~-~--~~~---
Yeah that's along the lines of what you'll need to do.
Check this out for reference too:
http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/
--~--~-~--~~~---~--~~
You received this message because you are subscribed to th
Hi David
Are you referring to the pngs generated by ThemeRoller (for the jQuery
UI CSS Framework)?
If so, the transparent pngs in from framework actually do work in IE6.
They're png8 and we've designed them to degrade gracefully in IE6 to a
single alpha channel that ends up looking like a gif (har
thanks Steven. In addition to that, if you're using the jQuery UI CSS
Framework, you can add the class ui-state-disabled to give it a
disabled appearance.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" gr
Hi Joshua
You can track the updates with progressbar in our planning wiki.
http://wiki.jqueryui.com/ProgressIndicator
We'll be prioritizing plugins in the near future (after 1.7 release)
so feel free to join the wiki and weigh in when the time comes.
Which style are you looking for? We may be abl
Thanks Steven
We've fixed the px vs em issue that you noticed in trunk.
http://jquery-ui.googlecode.com/svn/trunk/themes/base/ui.tabs.css
As for multi-line tabs, this is something we do not support in jQuery
UI due to usability problems and because it breaks the tabs metaphor.
We're generally try
The jQuery UI Download Builder now allows you to scope your CSS. This
article shows you how to use it.
http://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/
--~--~-~--~~~---~--~~
You received this message because you are subscribed to t
The jQuery UI Download Builder now allows you to scope your CSS. This
article shows you how to use it.
http://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/
--~--~-~--~~~---~--~~
You received this message because you are subscribed to t
Hi Dave,
Glad to hear you like the theme switcher! We'd love to see what you're
building with the framework too.
The switcher pulls live from the ThemeRoller Gallery, and at this
point we don't allow user submissions.
In the future, we might offer a theme switcher plugin with options for
themes,
We'll be rolling out an update to the download builder very soon which
will allow CSS theme scoping and custom theme folder naming.
These two changes make running multiple themes on a page very simple.
Unfortunately, due to the way dialog and datepicker are appended at
the end of the body (for IE
http://twitter.com/filamentgroup/status/1207951654
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, sen
You can use http://themeroller.com to achieve that effect in jQuery
UI.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscrib
The highlight and error blocks in the demo are for demonstration
purposes only. They are just there to show all of the states in the
theme you downloaded.
You can use these classes within your application for attracting a
user's attention to a notice or update. They also will affect the
style of c
We're working to combine themeroller into the download builder process
and we should have it online in the next few days.
I can't speak to the different UI files acting oddly though - can you
confirm that both the minified and regular js files are giving you
problems? These files should work the s
Hi JMG,
Thanks for the kind words - sorry to hear you're having trouble
though.
Can you let us know what OS/browser you're using? We're working on
fixes to combine ThemeRoller's download into the download builder and
we'll be sure to test your setup if we already haven't.
If it helps, I can confir
Hi Yosef,
jQuery UI themes can actually be set in pixels or ems (or any unit
you'd like actually). The font size you choose in ThemeRoller will be
set on the parent element of all your jQuery UI widgets and our
internal widget styles are set in relation to that so all presentation
will correspond
If you can post a demo page for me to look at, I'll see if anything
jumps out.
Thanks
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
This is fixed in trunk and should go out soon as we're reworking the
ThemeRoller downloader this week anyway, but can you confirm that the
theme you downloaded was actually problematic? The status message you
see is overridden by JS at page load, so unless you had JS turned off,
that error won't a
sorry, it seems that got caught in the quoted text... just add this
after your dialog() method:
.prev().addClass('ui-state-error');
Hope that helps!
-Scott
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI"
The jQuery UI CSS Framework container classes are meant to work
regardless of their parent containers, so that's why you aren't seeing
your error style cascade into your header.
To achieve your effect, you could just traverse to the header div
after creating your dialog. Since the dialog() plugin
Oops should be...
var li = $(this);
On Feb 2, 6:53 pm, ScottJehl wrote:
> hmm how about...
>
> $("#portfolio ul li").click(function() {
> var li = $(that);
> $("#example").dialog({
> modal: true,
> bu
hmm how about...
$("#portfolio ul li").click(function() {
var li = $(that);
$("#example").dialog({
modal: true,
buttons: {
"Don't Remove": function() {
$(this).dialog('close');
Thanks. This should be fixed in trunk and will be included in the
final release.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To un
Thanks John
The readme file is a good idea. We used to have that in the comment
but removed it with the framework. Theming API link from TR is another
good idea.
Could you clarify on the bold text suggestion? We currently use it on
clickable elements and header container text. It does propagate a
For those interested in using the jQuery UI CSS Framework to create
buttons, check out Filament's new article:
http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/
This should prove useful as guidelines and recommendations for the
future UI button widge
Make sure your theme matches the version of jQuery ui you're using.
Themeroller generates css for 1.6 by default but you can get 1.5 css
with a link at the bottom of the roll your own tab.
Sounds like you're using 1.5. 1.6 has an updated look and defaults.
On Jan 28, 4:19 am, Miroku wrote:
> (
Hi Shihab,
Every theme download from ThemeRoller will contain CSS for the
datepicker (as well as all other UI plugins).
Once you download a theme, you'll see a page included called
demo.html, and that has a functional datepicker on it.
In order to link to a theme that works for datepicker in UI 1.
Which version of jQuery UI are you using?
The tabs markup has changed in 1.6 and the flora theme has been
deprecated. You can generate a theme on ThemeRoller to get the latest
tabs CSS and I'm thinking that may solve your problem. If you're using
UI 1.5, there's a link at the bottom of ThemeRoller
Hi Vik,
The rounded corners in ThemeRoller use the same CSS properties that
jQuery UI's CSS Framework does, so they will only work in browsers
that support CSS3 border-radius (Safari 3+ and Firefox1.5+).
If you need jQuery UI's rounded corners to work in other browsers you
will have to do a custo
You can also check out and join the jQuery UI planning wiki at
http://jqueryui.pbwiki.com
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.
Yes, but you'll need to tweak your theme CSS for your particular
implementation. Basically, you'll want to preface each selector string
in the CSS with a selector to scope the styles to a section of your
page.
Let's say you want your redmond theme to only apply to widgets within
the #mySection di
Nikola,
I've posted to the dev list about the changes I'm making in response
to your idea.
The details are here:
http://groups.google.com/group/jquery-ui-dev/browse_thread/thread/51857bbfe4cc70f
I hope the new filenames will be slightly more useful and scannable
for you, but I did not follow you
Nikola - typo sorry :)
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubs
Thanks Nicola,
I'm glad to hear you find ThemeRoller so useful!
Good idea on the images. I agree the image filenames could be better.
I'll take a look at this and see what I can do.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Go
47 matches
Mail list logo
