aiContactSafe ( English ) - Algis Info Grup - Software, Web development, Web hosting

The support for all extensions was moved to jVitals.com.

Please post there the new questions or suggestions you have with them.

This forum was set to be read-only so the information in it is still available.

If you use aiContactSafe, please post a rating and a review at the Joomla! Extensions Directory.

You can now also join aiContactSafe Fan Club on Joomla! People
http://people.joomla.org/groups/viewgroup/813-aiContactSafe+Fan+Club.html

Index
» Joomla
» aiContactSafe ( English )
» two fileds in one row (from .......

Page: 1

Post tools
- Subscribe

two fileds in one row (from .... until ....)

The Permalink allows you to share this Post with Friends and other Users. To use, click the Permalink and then copy the URL from your Browsers Adress Bar.#1 Permalink

05-September-2010 22:12:09

two fileds in one row (from .... until ....)

Thank you for this extension
I have create contact form and i want to make two fields in one row. The fields are: from field_1 until field_2.
Which css code must be change? How is the modified code for two fields in one row. Please step by step.
thank you

Toni Taste: 3 Posts

Administrator has disabled public posting

The Permalink allows you to share this Post with Friends and other Users. To use, click the Permalink and then copy the URL from your Browsers Adress Bar.#2 Permalink

06-September-2010 07:14:43

Re: two fileds in one row (from .... until ....)

Basically you need to add CSS code to make each combination label + field to a specified width and made them float to the left or right so they are displayed in a row.
Can't give you more information without a link to your page.

Alex Dobrin: 5886 Posts

Administrator has disabled public posting

The Permalink allows you to share this Post with Friends and other Users. To use, click the Permalink and then copy the URL from your Browsers Adress Bar.#3 Permalink

07-September-2010 01:32:38

Re: two fileds in one row (from .... until ....)

Ok here the link: http://haseloff-immobilien.de/immobiliengesuch
The fields with 'von' and 'bis' i would like in one row/line. Thanks

Toni Taste: 3 Posts

Administrator has disabled public posting

The Permalink allows you to share this Post with Friends and other Users. To use, click the Permalink and then copy the URL from your Browsers Adress Bar.#4 Permalink

07-September-2010 07:51:47

Re: two fileds in one row (from .... until ....)

Hi,

For the first two fields with "von" and "bis" on your page you can add this CSS code at the end of the profile's CSS or at the end of your template's CSS:

Code:

div#aiContactSafe_row_aics_Grundstck_von, div#aiContactSafe_row_aics_Grundstck_bis {

    clear:none !important; width:200px; float:left;

}

You just need to add this code for the other fields in a similar way.
Notice the IDs of those DIVs are formed by adding the name of the field after "aiContactSafe_row_".

Alex Dobrin: 5886 Posts

Administrator has disabled public posting

The Permalink allows you to share this Post with Friends and other Users. To use, click the Permalink and then copy the URL from your Browsers Adress Bar.#5 Permalink

10-September-2010 01:04:59

Re: two fileds in one row (from .... until ....)

Hi

Thank you for your help.
I have add this code for the other fields in a similar way, but only your example fields are changed. Whats wrong?

Toni Taste: 3 Posts

Administrator has disabled public posting

The Permalink allows you to share this Post with Friends and other Users. To use, click the Permalink and then copy the URL from your Browsers Adress Bar.#6 Permalink

10-September-2010 07:08:59

Re: two fileds in one row (from .... until ....)

You have some strange chars in front of the CSS codes.

Code:

div#aiContactSafe_row_aics_Grundstck_von, div#aiContactSafe_row_aics_Grundstck_bis {

    clear:none !important; width:200px; float:left;

}

div#aiContactSafe_row_aics_Wohnflche, div#aiContactSafe_row_aics_Wohnflche_bis {

Â  Â  clear:none !important; width:200px; float:left;

}

div#aiContactSafe_row_aics_Zimmer_von, div#aiContactSafe_row_aics_Zimmer_bis {

Â  Â  clear:none !important; width:200px; float:left;

}

Remove those "Â Â ".