|
Welcome,
Guest
|
|
Read this first!
We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.
However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.
For more information, the Support Policy is located here.
Thank you!
TOPIC: edit calendar layout
edit calendar layout 12 years 8 months ago #18719
|
Hi there. I made a quick form but I want to have a differen layout for my calendar view.
I want to have the button for opening the calendar layout not below the field. I want to have it next to the date field. I will attach a picture and my html Can somebody please tell me how to do this... thank you <div>
<div class="formField rsform-block rsform-block-zimmertyp" style="float:left; width:100%; color:#CFCFCF; margin-bottom: 3px;">
{zimmertyp:caption}<br/>
{zimmertyp:body}
</div>
<div class="formField rsform-block rsform-block-checkin" style="float:left; width:45%; color:#CFCFCF; margin-bottom: 3px;">
{checkin:caption} (*)<br/>
{checkin:body}
</div>
<div class="formField rsform-block rsform-block-checkout" style="float:right; width:45%; color:#CFCFCF; margin-bottom: 3px;">
{checkout:caption} (*)<br/>
{checkout:body}
</div>
<div class="formField rsform-block rsform-block-erwachsene" style="float:left; width:45%; color:#CFCFCF; margin-bottom: 3px;">
{erwachsene:caption}<br/>
{erwachsene:body}
</div>
<div class="formField rsform-block rsform-block-kinder" style="float:right; width:45%; color:#CFCFCF; margin-bottom: 3px;">
{kinder:caption}<br/>
{kinder:body}
</div>
<div class="formField rsform-block rsform-block-nachname" style="float:left; width:45%; color:#CFCFCF; margin-bottom: 3px;">
{nachname:caption} (*)<br/>
{nachname:body}
</div>
<div class="formField rsform-block rsform-block-vorname" style="float:right; width:45%; color:#CFCFCF; margin-bottom: 3px;">
{vorname:caption} (*)<br/>
{vorname:body}
</div>
<div class="formField rsform-block rsform-block-email" style="float:left; width:100%; color:#CFCFCF; margin-bottom: 3px;">
{email:caption} (*)<br/>
{email:body}
</div>
<div class="formField rsform-block rsform-block-anfrage-absenden" style="float:left; width:70%;">
{anfrage absenden:caption}<br/>
{anfrage absenden:body}
</div>
</div> |
|
|
edit calendar layout 11 years 2 months ago #26728
|
You either need to adjust your column width, or you can shrink the box that contains the date (not the popup button). To do this, use the following CSS in the Css and Javascript properties box (make sure you add the style tags):
.rsform-calendar-box{ width: 70px; } The width above will shrink only the input box to the size of the date. (I wouldn't go any smaller or the date will be cut off). I had the same problem earlier. This CSS will only apply to this form, unless you edit the original file. (I wouldn't recomend that). Hope this helps!  |
|
|
|
Read this first!
We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.
However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.
For more information, the Support Policy is located here.
Thank you!
