Form display - Support | Kriesi.at - Premium WordPress Themes

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts

February 3, 2015 at 9:46 pm #390389

Hi, I have a form that links to an affiliate partner. When I strip out all the css from the partner, the input boxes appear on a line one after the other as if there is a break between them.

I would like the form to go across with no breaks. I am assuming this is a CSS issue with the way input drop downs are styled

Here is the code

<div id="formulario">
	  <form id="frm" name="frm" action="http://www.friendlyrentals.com/ViewPropertiesByCriteria.aspx" method="get" target="_blank">
			    <input type="hidden" id="CultureCode" name="CultureCode" value="en-GB"/>
				<input type="hidden" id="OrigenId" name="OrigenId" value="226"/>
				<input type="hidden" id="ControlConfig" name="ControlConfig" value="5"/>

<span class="style1">Check-in date</span>
              
					<input type="hidden" id="DateArrival" name="DateArrival" size="2" value=""/>
					<select id="inDay"  name="inDay">
                    <option value="" selected="selected">Select Date</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="15">15</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                    <option value="18">18</option>
                    <option value="19">19</option>
                    <option value="20">20</option>
                    <option value="21">21</option>
                    <option value="22">22</option>
                    <option value="23">23</option>
                    <option value="24">24</option>
                    <option value="25">25</option>
                    <option value="26">26</option>
                    <option value="27">27</option>
                    <option value="28">28</option>
                    <option value="29">29</option>
                    <option value="30">30</option>
                    <option value="31">31</option>
        </select>
					<select name="inMonth" id="inMonth">
                    <option value="" selected="selected">Select Month</option>
						<option value="1/2015">Jan'15</option>                       
                        <option value="2/2015">Feb'15</option>
                        <option value="3/2015">Mar'15</option>                            								                       
                        <option value="4/2015">Apr'15</option>
                        <option value="5/2015">May'15</option>
                        <option value="6/2015">Jun'15</option>
                        <option value="7/2015">Jul'15</option>
                        <option value="8/2015">Aug'15</option>
                        <option value="9/2015">Sep'15</option> 
                        <option value="10/2015">Oct'15</option>                       
                        <option value="11/2015">Nov'15</option>
                        <option value="12/2015">Dec'15</option>                                                 
					</select>					
					</td>
               
                    <strong class="style1">Check-out date</strong>
                  
                    <input type="hidden" id="DateDeparture" name="DateDeparture" value=""/>
                      <select id="outDay" name="outDay">
                      <option value="" selected="selected">Select Date</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                        <option value="15">15</option>
                        <option value="14">14</option>
                        <option value="15">15</option>
                        <option value="16">16</option>
                        <option value="17">17</option>
                        <option value="18">18</option>
                        <option value="19">19</option>
                        <option value="20">20</option>
                        <option value="21">21</option>
                        <option value="22">22</option>
                        <option value="23">23</option>
                        <option value="24">24</option>
                        <option value="25">25</option>
                        <option value="26">26</option>
                        <option value="27">27</option>
                        <option value="28">28</option>
                        <option value="29">29</option>
                        <option value="30">30</option>
                        <option value="31">31</option>
                      </select>
                      <select id="outMonth" name="outMonth" >
                      <option value="" selected="selected">Select Month</option>
					    <option value="1/2015">Jan'15</option>                       
                        <option value="2/2015">Feb'15</option>
                        <option value="3/2015">Mar'15</option> 
                        <option value="4/2015">Apr'15</option>
                        <option value="5/2015">May'15</option>
                        <option value="6/2015">Jun'15</option>
                        <option value="7/2015">Jul'15</option>
                        <option value="8/2015">Aug'15</option>
                        <option value="9/2015">Sep'15</option> 
                        <option value="10/2015">Oct'15</option>                       
                        <option value="11/2015">Nov'15</option>
                        <option value="12/2015">Dec'15</option>                                                                

                      </select>
               
                    <strong class="style1">Destination</strong>
                <select id="RegionId"  name="RegionId">
                      <option value="225">Algarve</option>
	<option value="236">Amsterdam</option>
	<option value="1">Barcelona</option>
	<option value="223">Berlin</option>
	<option value="121">Bilbao</option>
	<option value="208">Buenos Aires</option>
	<option value="237">Cape Town</option>
	<option value="230">Costa Brava</option>
	<option value="228">Florence</option>
	<option value="115">Granada</option>
	<option value="238">Istanbul</option>
	<option value="160">Lisbon</option>
	<option value="224">London</option>
	<option value="33">Madrid</option>
	<option value="235">Malaga</option>
	<option value="117">Mallorca</option>
	<option value="245">Miami</option>
	<option value="226">Milan</option>
	<option value="227">New York</option>
	<option value="221">Paris</option>
	<option value="240">Prague</option>
	<option value="242">Puerto Vallarta</option>
	<option value="220">Rome</option>
	<option value="243">Salamanca</option>
	<option value="5">San Sebastian</option>
	<option value="114">Seville</option>
	<option value="123" selected="selected">Sitges</option>
	<option value="231">Tarifa</option>
	<option value="120">Valencia</option>
	<option value="244">Venice</option>

                    </select>
                 
                   <strong class="style1">Number of guests</strong>
                  <select id="sleeps"  name="sleeps">
                      <option value="1" selected="selected">1</option>
                      <option value="2">2</option>
                      <option value="3">3</option>
                      <option value="4">4</option>
                      <option value="5">5</option>
                      <option value="6">6</option>
                      <option value="7">7</option>
                      <option value="8">8</option>
                      <option value="9">9</option>
                      <option value="10">10</option>
        </select>
                   <input name="Input" type="button" class="button" onclick="sendForm()" value="Find the Best Rate"/>             
  </form>
<script type="text/javascript">// Onload function
			   
				document.getElementById("DateArrival").value=chekIn.getDate()+"/"+(chekIn.getMonth()+1)+"/"+chekIn.getYear();
				document.getElementById("DateDeparture").value=checkOut.getDate()+"/"+(checkOut.getMonth()+1)+"/"+checkOut.getYear();
				document.getElementById("inDay").value = chekIn.getDate()
				document.getElementById("inMonth").value = (chekIn.getMonth()+1)+"/"+chekIn.getYear()
				document.getElementById("outDay").value = checkOut.getDate()
				document.getElementById("outMonth").value = (checkOut.getMonth()+1)+"/"+checkOut.getYear()						    
				function sendForm(){
					document.getElementById("DateArrival").value = document.getElementById("inDay").value +'/'+ document.getElementById("inMonth").value
					document.getElementById("DateDeparture").value = document.getElementById("outDay").value +'/'+ document.getElementById("outMonth").value
					document.frm.submit();
				}
			  </script>
	  	    </div>
<!-- END FRIENDLYRENTALS.COM FORM -->

February 4, 2015 at 4:50 pm #390794

Elliott

Inactive Moderator

Hi roamingk!

Send us a link to the page and take a screenshot highlighting what your trying to do and we’ll take a look.

Best regards,
Elliott

February 8, 2015 at 2:32 am #392602

roamingk

Participant

This reply has been marked as private.

February 9, 2015 at 11:34 am #392946

Ismael

Moderator

Hi!

First, you need to place it inside a 1/1 column then add this on Quick CSS:

div#formulario form select {
width: auto;
display: inline-block;
min-width: 10%;
}

Best regards,
Ismael

February 9, 2015 at 9:13 pm #393312

roamingk

Participant

great! Thanks worked a treat!

Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Form display’ is closed to new replies.