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
-~----------~----~----~----~------~----~------~--~---
