Chronoforms 5 how to align middle form

sineplus 14 Apr, 2014
Hi,
I think it must be very easy but I couldn't.
I just want to see form center of page, by default it seems at left.
thank you
Max_admin 27 Apr, 2014
Hi sineplus,

Sorry for the late reply, this topic has gone unnoticed for sometime!

It depends on your page, but you can try the code below inside a "load CSS" action in the "on load" event:

.chronoform{text-align:center !important;}


Regards,
Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
andrebakker 06 Oct, 2014
High Max,

i have same prob on http://www.joomla.nl/updates under "aanmelden gratis nieuwsbrief" you will see the form but what ever i try it will not center in the module ??

is use joomla! version 3.3.6
chronoforms version V5.0

André
andrebakker 06 Oct, 2014
ps,

http://www.joomla.nl/extensions đŸ˜²
Max_admin 06 Oct, 2014
1 Likes
Hi Andre,

I think its because of the left float, please try to place the form inside 2 "div" containers, give the inner one like 50% width, then center the contents of the outer one.

Please change the container tag you have now from "code" to "div".

You should also change the fields default value, use "placeholder" instead!

Regards,
Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
andrebakker 06 Oct, 2014
Hi Max,

tried it and a lot off other things to but still no luck đŸ˜« not possible to fix it in the code of the form itself ???

like here:
<div class="gcore-line-tr gcore-form-row" id="ftr-multi-1"><div class="gcore-line-td" id="ftd-multi-1"><div class="gcore-subinput-container" id="fitem-naam"><div class="gcore-input-container gcore-display-table gcore-input" id="fin-naam"><input name="naam" id="naam" value="" placeholder="Uw Naam" maxlength="" size="40" class="uk-text-warning validate['required']" title="Uw Naam hier" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div>
<div class="gcore-subinput-container" id="fitem-email"><div class="gcore-input-container gcore-display-table gcore-input" id="fin-email"><input name="email" id="email" value="" placeholder="E-Mail" maxlength="" size="40" class="uk-text-warning validate['required','email']" title="Uw E-Mail adres" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="gcore-subinput-container" id="fitem-aanmelden"><div class="gcore-input-container gcore-display-table gcore-input" id="fin-aanmelden"><input name="aanmelden" id="aanmelden" type="submit" value="Aanmelden" class="uk-button-success" style="" data-load-state="" /></div></div></div></div>
andrebakker 06 Oct, 2014
Hi Max,

found it its was the float indeed thnx for the help (and the superB forms)

André
This topic is locked and no more replies can be posted.