Forums

How to show "Instructions for users" behind text box

analographi 11 Jan, 2012
Hi there

I try for hours to do a couple of layout tweaks, but I'm stuck.

How can I place the "Instructions for users" behind the text box on the same line?
GreyHead 12 Jan, 2012
Hi analographi ,

I'm sorry. I don't know exactly what you need to do here?

Bob
analographi 12 Jan, 2012
Hi,
THanks for reading.

By default the content of the "instructions for users" field (to be filled in the "other" tab of the properties of a text box) is shown BELLOW the text box.

I want the "instructions for users" (by default italic and grey) to be on the RIGHT of the text box. On the SAME line as the text box. Or in other words. no line break in between.

Is this understandable/ doable?
GreyHead 12 Jan, 2012
Hi analographi ,

Ah, OK, now I understand.

I haven't tried to do this but I imagine that you can do it with a little CSS to move the location of the hint block.

Otherwise you can copy and paste the HTML for the textarea into a Custom element and edit the HTML directly to do what you want.

Bob
analographi 12 Jan, 2012
Thanks,
I was hoping to edit the html in the source code of chronoform, remove the page break there.. because that I might be able to do with the little to none coding skill that I have.

I want that for all forms and all fields, so custom element with html is no option.

CSS.. yea probably. I thought about that. but I have not the slightest idea how to do that. Isn't the line break hardcoded? How could I move it back to the line with CSS? I
GreyHead 12 Jan, 2012
Hi analographi ,

The ChronoForms code you'd need to edit is quite deeply embedded in the file administrator/components/com_chronoforms/helpers/html_helper.php. Look for where $afterOutput is set. This isn't going to be a ten-second hack :-(

Bob
analographi 12 Jan, 2012
pitty.. I'll have to live with that.
those instructions are really handy, but since they appear under the fields they make the forms look messy. I'don't understand why it is like this by default.
Ensman 07 May, 2012
I tried adding a Load CSS action containing ".small-message {display: inline}" to the On Load event. This seemed to work!
GreyHead 12 May, 2012
Hi,

@Ensman, nice fix, thank you.

@analographi I guess that Max or his designer like them that way??

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