Can not put text on side of input

RW_Webmaster 28 Feb, 2013
Hello. This may have already been answered but I cannot show my text labels next to the input. They show above the input. I have ChronoForms v4. How do I get them to show beside the text. Any help would be greatly appreciated. Thank you.
GreyHead 28 Feb, 2013
Hi RW_Webmaster,

Impossible to say from the info here. By default ChronoForms puts them to the side; but if the form is too wide for the space available they will crunch up to fit.

Bob
RW_Webmaster 28 Feb, 2013
Would changing the size to percent help? Like changing from 100% to 50%? I also wonder if there is a problem with the following:
<table class="art-article" style="border-style: initial; border-color: initial; width: 100%; border-width: 0px;">
<tbody>
<tr>
<td style="width: 34%; text-align: center; border-width: 0px;"><img class="art-lightbox" src="images/template-content/Personal%20Logo-4.gif" border="0" alt="" width="250" height="250" /></td>
<td style="width: 33%; text-align: left; border-width: 0px;">{chronoforms}create_user{/chronoforms}</td>
<td style="width: 33%; text-align: center; border-width: 0px;"><img class="art-lightbox" src="images/template-content/world-3.gif" border="0" alt="" width="248" height="248" /></td>
</tr>
</tbody>
</table>
I have this as my code in the article. Please help me. I wonder, do I need to add the <div> </div> code to make it work? Thank you for your help. And yes, the chronoforms, and plugin, and module are all installed. The Joomla version is 2.5.9. Thank you.
RW_Webmaster 28 Feb, 2013
[attachment=0]PersonalCreate-jpg.jpg[/attachment]
I added the <div> and </div> between the {chronoforms}create_user{/chronoforms} like this: <div>{chronoforms}create_user{/chronoforms}</div>. Here is the image of the screen so you can see what I am having a problem with above the question. As you can see the text is above the input. I need to be able to put the input on the side. Also some of the input are not the same length, and the shorter one should allow the text to go to the side. Please help. Thanks.
RW_Webmaster 28 Feb, 2013
[attachment=0]PersonalCreate-TestForm.jpg[/attachment]
And here is the way the form looks when I test the form. As you can see the text is not on the side but on top.
RW_Webmaster 28 Feb, 2013
One more question. I am using Artisteer to create the templates. I have the ability to insert the input boxes the way I want them to look. Can I recreate the preview items with the various html code so I can have the actions work on the inputs - be it multiline or checkboxes or radio boxes or drop down lists or whatever. I think I can do this through the custom html. Is that right? Thank you for any help. It is appreciated.
GreyHead 28 Feb, 2013
Hi RW_Webmaster,

This is not ChronoForms styling - my guess is that either the ChronoForms CSS isn't being loaded by the template, or it is being overwritten by the template CSS. Your browser web developer tools will tell you very quickly.

Yes, you can use your own custom HTML if you prefer. Please see this FAQ

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