Thanks for mentioning firebug I was able to see which CSS rule was
taking precedence it is from rapid-ui.css
adding "! important" to the rule fixed it.
Brett
.field-list textarea, .field-list input[type="text"], .field-list input
[type="password"] {rapid-ui.css (line 81)
margin:0;
width:99%;
}
.widthtest {applicat...240948346 (line 1)
color:red;
width:100px;
}
On Apr 28, 1:47 pm, Brett Nelson <[email protected]> wrote:
> Will do, thank you for the help. I found the problem with the rake
> task and will email you a fix for that.
>
> Brett
>
> On Apr 28, 11:39 am, Bryan Larsen <[email protected]> wrote:
>
> > If you look at the source HTML rather than using Firebug, you'll see
> > that only some of those classes actually show up in the HTML, and some
> > are added dynamically by jQuery. jQuery also dynamically sets the
> > width, probably basing it on what the width was before jQuery was invoked.
>
> > I'd recommend adding your own class and trying to set a width on that:
>
> > <def tag="input" for="Date">
> > <hjq-datepicker dateFormat="yy-mm-dd" class="datepicker-input" merge />
> > </def>
>
> > You can also try commenting out the jQuery(document).ready(... line in
> > hobo-jquery.dryml to make sure the width is set properly before jQuery
> > gets invoked.
>
> > When you figure it out, let me know and I'll update the docs and/or
> > library appropriately.
>
> > Thanks!
> > Bryan
>
> > Brett Nelson wrote:
> > > CSS width not working for the text input field on this date picker
> > > field.
>
> > > Saw this in the documentation in hobo-jquery.dryml so added it to
> > > application.dryml
>
> > > <def tag="input" for="Date">
> > > <hjq-datepicker dateFormat="yy-mm-dd" merge />
> > > </def>
>
> > > The date field then was the whole width of the section it was in.
>
> > > Using view source again found that the classes for the input field
> > > were: jqx-date-tag date jexample-jqx-date hjq-annotated
>
> > > Try as I might to set the width using CSS doing things like: .jqx-date-
> > > tag {color: red; width: 100px;} in application.css the field length
> > > would not get any shorter.
>
> > > (I set the color to red just to make sure it was selecting correctly
> > > which it was, the red color showed up just fine)
>
> > > The only thing that worked was putting it right in the tag.
>
> > > <def tag="input" for="Date">
> > > <hjq-datepicker dateFormat="yy-mm-dd" style="width:70px" merge />
> > > </def>
>
> > > Would rather do it with a stylesheet though.
>
> > > Brett
>
> > > On Apr 28, 9:23 am, Brett Nelson <[email protected]> wrote:
> > >> The install_jquery task didn't seem to work either, no biggie I've got
> > >> it running with the manual installs.
>
> > >> D:\workspace\jtest>rake hobo_jquery:install_jquery
> > >> (in D:/workspace/jtest)
> > >> rake aborted!
> > >> unknown file type: D:/workspace/jtest/vendor/plugins/hobo-jquery/
> > >> tasks/../jquery
> > >> /javascripts/*
>
> > >> (See full trace by running task with --trace)
>
> > >> D:\workspace\jtest>
>
> > >> On Apr 28, 9:20 am, Brett Nelson <[email protected]> wrote:
>
> > >>> Thanks for the quick reply. Doing a view source on the page showed me
> > >>> which jquery files were needed so I installed the jquery javascripts
> > >>> manually from this page. http://jqueryui.com/download.
> > >>> Then I had to adjust the hobo-jquery.dryml because the version went
> > >>> from 1.7 to 1.7.1
> > >>> <def tag="jquery-assets">
> > >>> <stylesheet name='smoothness/jquery-ui-1.7.1.custom.css' />
> > >>> <javascript name="jquery-1.3.2.min.js" />
> > >>> <javascript name="jquery-ui-1.7.1.custom.min.js" />
> > >>> </def>
> > >>> The date picker is very cool!!!
> > >>> Brett
> > >>> On Apr 28, 8:59 am, Bryan Larsen <[email protected]> wrote:
> > >>>> Looks like a doc typo:
> > >>>> rake hobo_jquery:install_jquery
> > >>>> Bryan
> > >>>> Brett Nelson wrote:
> > >>>>> Starting to play around with this, am on Windows and am having a bit
> > >>>>> of difficulty with the install, this is after the plugin was loaded
> > >>>>> when using the windows rake tasks.
> > >>>>> D:\workspace\jtest>rake hobo_jquery:update_jquery
> > >>>>> (in D:/workspace/jtest)
> > >>>>> rake aborted!
> > >>>>> Don't know how to build task 'hobo_jquery:update_jquery'
> > >>>>> (See full trace by running task with --trace)
> > >>>>> D:\workspace\jtest>rake hobo_jquery:update_assets
> > >>>>> (in D:/workspace/jtest)
> > >>>>> D:\workspace\jtest>
> > >>>>> Brett
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Hobo
Users" 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/hobousers?hl=en
-~----------~----~----~----~------~----~------~--~---
