Forums

Place "Submit" button on right side of form

zm15 27 Oct, 2009
I am using the multiholder feature to display my form across the page horizontally, but i want the submit button to be on the far right side. How do i do this?

Here is my page: http://www.landmarkmg.com/jamison-condos
GreyHead 27 Oct, 2009
Hi zm15,

Edit the form html or the form css to put the button where you want it.

I guess you could also use the multi-holder with empty text inputs but that feels more like hard work to me.

Bob
modernmagic 30 Oct, 2009
I have just installed ChronoForms_V3.1_RC5.5 and I also want to customize the layout of the form text, boxes and buttons. However, I can't find out how to edit the "form html or the form css" as you mentioned.

Please help.
GreyHead 30 Oct, 2009
Hi modernmagic,

You can edit the Form HTML by clicking the e Form Name in the Forms Manager, then the Form Code tab and open the Form HTML box with the +- link.

The css is in various places, you can turn off ChronoForms CSS in the General Tab and add your own either by editing your site template or by using the CSS code box on the Form Code tab.

You'll probably need to know something about CSS and Joomla teamplates to do this successfully.

Bob
modernmagic 30 Oct, 2009
thanks.

I need to reduce the space between the left edge and the beginning of the text and boxes.
modernmagic 30 Oct, 2009
Can you tell me which css file and line I need to edit in order to have the text line up to the far left?
GreyHead 30 Oct, 2009
Hi modernmagic,

The answer to this is in the forums somewhere; I've answered it in the last six weeks or so.

But the better answer is for you to look at your page with FireBug in FireFox or a DeBugBar for IE and find out for yourself what you need to change.

Bob
modernmagic 02 Nov, 2009
I used firebug and found the answer. So if anyone else wants to edit the layout I edited the following:
components/com_chronocontact/themes/default/css/style1.css (there are ie6 and ie7.css to edit too)
This topic is locked and no more replies can be posted.