Joomla - forms

maciar91
1 Posts
maciar91 posted this 11 April 2016

On my site I have a form of Fabrik.
Template created by Themler expands the field to the length of the sheet (1.jpg)
How to set the display as shown in the second file?

On my site I have a form of Fabrik. Template created by Themler expands the field to the length of the sheet (1.jpg) How to set the display as shown in the second file?
Vote to pay developers attention to this features or issue.
18 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 12 April 2016

Hi,

Please provide a link to the page with the form so we could review the styles.

Sincerely,
Hella

Hi, Please provide a link to the page with the form so we could review the styles. Sincerely, Hella
net38
5 Posts
net38 posted this 31 May 2016

Hi,
I have exactly the same problem.

Best Regards,

Hi, I have exactly the same problem. Best Regards,
bnk88
11 Posts
bnk88 posted this 31 May 2016

Hi,

My too

Hi, My too
Support Team
Support Team posted this 01 June 2016

Hi,

Please provide links to the pages with the issue.

Sincerely,
Hella

Hi, Please provide links to the pages with the issue. Sincerely, Hella
net38
5 Posts
net38 posted this 01 June 2016

http://fabrik.cryptlan.com/

http://fabrik.cryptlan.com/
net38
5 Posts
net38 posted this 01 June 2016

Do you need access to backend?

Do you need access to backend?
Support Team
Support Team posted this 02 June 2016

@net38,
some selector of your form cannot be accessed via Themler. So I'd recommend that you change their width via custom CSS code. Add it under Home tab >> Settings >> Additional CSS

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .form-control{
width:inherit!important;
}

Regards,
Aileen

@net38, some selector of your form cannot be accessed via Themler. So I'd recommend that you change their width via custom CSS code. Add it under Home tab >> Settings >> Additional CSS select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .form-control{ width:inherit!important; } Regards, Aileen
net38
5 Posts
net38 posted this 02 June 2016

The label is above the field and not at the left of the field
How can I change it?

Best Regards,

The label is above the field and not at the left of the field How can I change it? Best Regards,
Support Team
Support Team posted this 03 June 2016

Hello,
you may enhance the previous CSS with
float:left

But most probably the input size shuold be reduced in this case:

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .form-control{
width:30%!important;
float:left;
}

Regards,
Aileen

Hello, you may enhance the previous CSS with float:left But most probably the input size shuold be reduced in this case: select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .form-control{ width:30%!important; float:left; } Regards, Aileen
net38
5 Posts
net38 posted this 03 June 2016

thanks,

WORKS

thanks, **WORKS**
Support Team
Support Team posted this 03 June 2016

You are welcome. Feel free to contact us in any other occasion.

Sincerely,
Hella

You are welcome. Feel free to contact us in any other occasion. Sincerely, Hella
jeanmarcvieux
21 Posts
jeanmarcvieux posted this 15 January 2018

Hi,
I have the same problem, I've copied and pasted your CSS adding but the form is still "block" see the capture1.png
And It should be like the capture2.png
I can't give you a link the server is secures by IP filtering.

Thanks for your help
Jean-Marc

Hi, I have the same problem, I've copied and pasted your CSS adding but the form is still "block" see the capture1.png And It should be like the capture2.png I can't give you a link the server is secures by IP filtering. Thanks for your help Jean-Marc
Support Team
Support Team posted this 15 January 2018

Hi,

Unfortunately we cannot provide you any solution by this screen shot only. Maybe you could create a duplication of the site or export the theme with the content and editor included (if the form is a content and not a module or plug-in).

Sincerely,
Hella

Hi, Unfortunately we cannot provide you any solution by this screen shot only. Maybe you could create a duplication of the site or export the theme with the content and editor included (if the form is a content and not a module or plug-in). Sincerely, Hella
jeanmarcvieux
21 Posts
jeanmarcvieux posted this 16 January 2018

Hi hella and thanks for replying.
Here a link : https://www.intelartifice.fr/a2s/index.php/dossier-expert

Regards,

Hi hella and thanks for replying. Here a link : https://www.intelartifice.fr/a2s/index.php/dossier-expert Regards,
jeanmarcvieux
21 Posts
jeanmarcvieux posted this 16 January 2018

Re-
there is a progress bar in inscription form, and it's doesn't works still ans I don't find any way to fix it.

Re- there is a progress bar in inscription form, and it's doesn't works still ans I don't find any way to fix it.
jeanmarcvieux
21 Posts
jeanmarcvieux posted this 17 January 2018

Hi,
I tried with insert the form in article and add some CSS in it but still the same :

User agent stylesheet : html { display: block; }

I found clouzoom.js and i removed it no more result.

I add some enhancement in additional CSS but still the same.

Even in themler - design - input - more option /inline-block/ choice

Regards

Hi, I tried with insert the form in article and add some CSS in it but still the same : User agent stylesheet : html { display: block; } I found clouzoom.js and i removed it no more result. I add some enhancement in additional CSS but still the same. Even in themler - design - input - more option /inline-block/ choice Regards
jeanmarcvieux
21 Posts
jeanmarcvieux posted this 17 January 2018

???
Anyone has a solution?
I'm still searching an issue. It's insane!!! I get crazy wih it

??? Anyone has a solution? I'm still searching an issue. It's insane!!! I get crazy wih it
jeanmarcvieux
21 Posts
jeanmarcvieux posted this 18 January 2018

Hi, I fixed it.
Just add in additional CSS

.control-group {
margin-top: 10px;
width: inherit!important;
display: inline-block;
}

Hi, I fixed it. Just add in additional CSS .control-group { margin-top: 10px; width: inherit!important; display: inline-block; }
You must log in or register to leave comments