Greetings,

I'm using jscalendar from jstools module and found it rather attractive ... but how can I make calendar button to be from the right of its textfield (on the same line) but not under it ?

Thanks.

Comments

febbraro’s picture

I am using the jscalendar in a custom component I wrote for the Webform module and it appears to the right of the textfield. Are you sure there is room for it? (is the table cell width wide enough)

ardas’s picture

Yes, it is enough room because div. form-item. jscalendar area is wide enough and input. form-text. jscalendar has a fixed width (15em) so there is lots of free space on the right of the textfield.

Strange, but jscalendar icon is not displayed aside of textfield but below this field.
----------------
Regards,
Dmitry Kresin, ARDAS group (www.ardas.dp.ua)

ardas’s picture

Could you please give a link on your site to have a look at it if possible ?

Thanks
----------------
Regards,
Dmitry Kresin, ARDAS group (www.ardas.dp.ua)

charly71’s picture

In /drupal/modules/jstools/jscalendar/jscalendar.css I added "display: inline":

input.form-text.jscalendar {
display: inline;
margin-right: 4px;
width: 11.5em;
}

Bye

clivesj’s picture

Proper selector is not input.form-text.jscalendar {}

but

.jscalendar-icon {}