Joomla Forms labels alignment Bug still not fixed!

Marco
170 Posts
Marco posted this 03 May 2016

Comon Guys, really.
Also with the latest version of themler, the "Labels Alignment Bug" with 100& width and float right still not fixed?!

enter image description here

Comon Guys, really. Also with the latest version of themler, the "Labels Alignment Bug" with 100& width and float right still not fixed?! ![enter image description here][1] [1]: http://imgs.url1y.com/uploads/1/68/lfnsaapyqrsnuegq.png
Vote to pay developers attention to this features or issue.
27 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 05 May 2016

Hello Marco,
I'm sorry but the issue is not quite clear for me.
Could you please provide link to the live page which demonstrates the issue?

regards,
Aileen

Hello Marco, I'm sorry but the issue is not quite clear for me. Could you please provide link to the live page which demonstrates the issue? regards, Aileen
Marco
170 Posts
Marco posted this 05 May 2016

aileen, the labels are
a) full with
b) right aligned (what looks shitty on a login form
c) this issue has been discussed multiple times for more then 1 year!

aileen, the labels are a) full with b) right aligned (what looks shitty on a login form c) this issue has been discussed multiple times for more then 1 year!
Support Team
Support Team posted this 09 May 2016

Hi,

In fact this is not a bug. Themler theme do not provide specific styles for this form. That's all.
a) The width of the input is full because bootstrap does not have default fixed width for inputs. The inputs are full page width by default:
http://getbootstrap.com/css/#forms
You can try, for example, specifying input width "auto" under the Design tab >> Input >> Size.

b)For some reason joomla adds "form-horizontal" class to this form. This type of bootstrap form requires using of columns:
http://getbootstrap.com/css/#forms-horizontal
With this layout the labels look ok. For some reason joomla does not use columns.
In this case template needs to provide special css for this form.
The easiest way is adding the following code to the Themler Settings >> Additional CSS:

.form-horizontal .control-label {
    float: left;
    width: 160px;
}

This should help.

Thank you,
Olivia

Hi, In fact this is not a bug. Themler theme do not provide specific styles for this form. That's all. a) The width of the input is full because bootstrap does not have default fixed width for inputs. The inputs are full page width by default: http://getbootstrap.com/css/#forms You can try, for example, specifying input width "auto" under the Design tab >> Input >> Size. b)For some reason joomla adds "form-horizontal" class to this form. This type of bootstrap form requires using of columns: http://getbootstrap.com/css/#forms-horizontal With this layout the labels look ok. For some reason joomla does not use columns. In this case template needs to provide special css for this form. The easiest way is adding the following code to the Themler Settings >> Additional CSS: <pre> .form-horizontal .control-label { float: left; width: 160px; } </pre> This should help. Thank you, Olivia
cooler1527
2 Posts
cooler1527 posted this 27 September 2016

I also have questions.
1.where can control input label and text in same row?
2.how can I control input label align to left?

I also have questions. 1.where can control input label and text in same row? 2.how can I control input label align to left?
Marco
170 Posts
Marco posted this 27 September 2016

@Olivia:
You´re right about the width-thing.
But by default the alignment of Bootstrap is definitely NOT right on labels.
So why its in themler.

Also my post is not the first in this. Why you not are able to make alignment by default! to left for labels?

regards, Marco

@Olivia: You´re right about the width-thing. But by default the alignment of Bootstrap is definitely NOT right on labels. So why its in themler. Also my post is not the first in this. Why you not are able to make alignment by default! to left for labels? regards, Marco
Support Team
Support Team posted this 29 September 2016

@cooler ,
please refer to the article
http://answers.themler.com/articles/25280/how-to-style-default-contact-form
it should be helpful

regards,
Aileen

@cooler , please refer to the article http://answers.themler.com/articles/25280/how-to-style-default-contact-form it should be helpful regards, Aileen
Support Team
Support Team posted this 29 September 2016

Hello Marco,
actually it's quite easy to set up default label align. Please follow the article too
http://answers.themler.com/articles/25280/how-to-style-default-contact-form

regards,
Aileen

Hello Marco, actually it's quite easy to set up default label align. Please follow the article too http://answers.themler.com/articles/25280/how-to-style-default-contact-form regards, Aileen
fabrice13
2 Posts
fabrice13 posted this 18 October 2016

I Have the same problem. with defaut template the login form inputs are full width and label are rights.
I put additionnal CSS
.form-horizontal .control-label {
float: left;
width: 160px;
}

but it doesn't change anything.
is There some Joomla templates samples downloadable that are working right.

I Have the same problem. with defaut template the login form inputs are full width and label are rights. I put additionnal CSS .form-horizontal .control-label { float: left; width: 160px; } but it doesn't change anything. is There some Joomla templates samples downloadable that are working right.
Support Team
Support Team posted this 19 October 2016

Hello,
please provide link to the page which demonstrates the issue and let us know how exactly you'd like the input fields and labels to look.

Regards,
Aileen

Hello, please provide link to the page which demonstrates the issue and let us know how exactly you'd like the input fields and labels to look. Regards, Aileen
gb_32
3 Posts
gb_32 posted this 10 January 2017

Same for me it's change something but the alignment not ok

Same for me it's change something but the alignment not ok
Support Team
Support Team posted this 13 January 2017

Hello gb_32 ,
please provide direct link to your page which demonstrates the issue.

regards,
Aileen

Hello gb_32 , please provide direct link to your page which demonstrates the issue. regards, Aileen
tmgarrison
96 Posts
tmgarrison posted this 24 January 2017

I'd like to add my 2 cents.
Marco is correct. The alignment of the form labels is specifically controlled by bootstrap, but, it doesn't "have" to be controlled by bootstrap:
.form-horizontal .control-label {
text-align: right;
} /css/bootstrap.css?version=1.0.451
That is "default" code in Themler.
The fact that it's "possible" to override the control is not in question. What "is" in question is why Themler refused to address the issue. It's something in every CMS that uses a contact page, which is pretty much every site.
I can get the labels moved back to the left, but I have to dig for the instructions every time I need to create a new template.
The right align in bootstrap is obviously designed for something "other" than Themler uses that CSS tag.
Humans look from left to right - regardless of what country or language. The human eye looks LEFT first before doing anything else - that's simply a human response - human nature. There is nothing you can do about that. You can argue all you want, but that is a fact.
Reading from right to left is done for a limited number of languages, none that come to mind right now but I know there is at least 1 language read right to left.
It's not reasonable for Themler support to state that it's not in their control. If it were something else for which their is no standard it would be different. But humans around the globe "expect" to see labels on the left - period. Allowing the labels to appear on the right is like trying to teach a human not to eat. You cannot change or retrain nature.
My vote is to have Themler add the override by default. Then, if a user "wants" to try to change human behavior, they can ask for the instructions on changing the position to the right....IMHO.

I'd like to add my 2 cents. Marco is correct. The alignment of the form labels is specifically controlled by bootstrap, but, it doesn't "have" to be controlled by bootstrap: .form-horizontal .control-label { text-align: right; } /css/bootstrap.css?version=1.0.451 That is "default" code in Themler. The fact that it's "possible" to override the control is not in question. What "is" in question is why Themler refused to address the issue. It's something in every CMS that uses a contact page, which is pretty much every site. I can get the labels moved back to the left, but I have to dig for the instructions every time I need to create a new template. The right align in bootstrap is obviously designed for something "other" than Themler uses that CSS tag. Humans look from left to right - regardless of what country or language. The human eye looks LEFT first before doing anything else - that's simply a human response - human nature. There is nothing you can do about that. You can argue all you want, but that is a fact. Reading from right to left is done for a limited number of languages, none that come to mind right now but I know there is at least 1 language read right to left. It's not reasonable for Themler support to state that it's not in their control. If it were something else for which their is no standard it would be different. But humans around the globe "expect" to see labels on the left - period. Allowing the labels to appear on the right is like trying to teach a human not to eat. You cannot change or retrain nature. My vote is to have Themler add the override by default. Then, if a user "wants" to try to change human behavior, they can ask for the instructions on changing the position to the right....IMHO.
Support Team
Support Team posted this 26 January 2017

Hello Thomas,
thank you for the detailed explanations and comments. We appreciate all of them.
I'll add the suggestion regarding default location of labels on the form to our wish list.

Regards,
Aileen

Hello Thomas, thank you for the detailed explanations and comments. We appreciate all of them. I'll add the suggestion regarding default location of labels on the form to our wish list. Regards, Aileen
DaveOzric
937 Posts
DaveOzric posted this 03 February 2017

All I can say is the Protostar Template looks good with 3rd party forms and the Joomla form fields. Themler is not. Why does your Bootstrap differ from the Joomla version if this is a Joomla template?

I have to spend way too much time with anything that has input fields.

Give some love to Joomla please.

Thank you

All I can say is the Protostar Template looks good with 3rd party forms and the Joomla form fields. Themler is not. Why does your Bootstrap differ from the Joomla version if this is a Joomla template? I have to spend way too much time with anything that has input fields. Give some love to Joomla please. Thank you
Marco
170 Posts
Marco posted this 03 February 2017

The forms with EVERY Template looks fine, except the themler ones.
Its sooo sad!

The forms with EVERY Template looks fine, except the themler ones. Its sooo sad!
Marco
170 Posts
Marco posted this 03 February 2017

nearly ONE YEAR - and nothing has changed in that case

nearly ONE YEAR - and nothing has changed in that case
Support Team
Support Team posted this 06 February 2017

Hello guys,
The requested feature regading form's labels is in our wish list, but it has been put on hold.
So now please use custom css to align labels.

Regads,
Aileen

Hello guys, The requested feature regading form's labels is in our wish list, but it has been put on hold. So now please use custom css to align labels. Regads, Aileen
SpionDaze
8 Posts
SpionDaze posted this 11 May 2017

I'm having a real issue with Read More buttons not behaving as expected and haven't heard back from the private topic I posted starting back in january with any fix. I wondered if any one in the wider community could help instead.

We have member only articles that we use with Log In to Read More Joomla buttons. If you use a Themler template and click Login to Read More, after you login you go to some strange User Profile page with zero navigation other than the website's main menu so visitors have to then find their article of interest again and start over (if they can be bothered)

If we use ProStar or any other Templates (non-Themler) the Login to Read more returns the visitor to the full article they where reading before logging in.

How come and what is wrong with the Themler Log In To read More behaviour?

Support have just told me that they see what I am describing but to just wait - 5 months and counting!!!

So frustrated sorry!

I'm having a real issue with Read More buttons not behaving as expected and haven't heard back from the private topic I posted starting back in january with any fix. I wondered if any one in the wider community could help instead. We have member only articles that we use with Log In to Read More Joomla buttons. If you use a Themler template and click Login to Read More, after you login you go to some strange User Profile page with zero navigation other than the website's main menu so visitors have to then find their article of interest again and start over (if they can be bothered) If we use ProStar or any other Templates (non-Themler) the Login to Read more returns the visitor to the full article they where reading before logging in. How come and what is wrong with the Themler Log In To read More behaviour? Support have just told me that they see what I am describing but to just wait - 5 months and counting!!! So frustrated sorry!
Support Team
Support Team posted this 11 May 2017

Hi,

We are sorry for the delay with this issue. We'll ask our developers one more time about the solution. Hope that our community also has some recommendations for you.
Sorry again for the delay.

Sincerely,
Hella

Hi, We are sorry for the delay with this issue. We'll ask our developers one more time about the solution. Hope that our community also has some recommendations for you. Sorry again for the delay. Sincerely, Hella
DaveOzric
937 Posts
DaveOzric posted this 27 June 2017

Wishlist = Good Luck with that

Little things like this are driving us crazy. I still don't understand why NO other template has this issue. No one wants a form field title aligned right. Why can't you just fix these simple things for us so we don't have so scrounge around for answers constantly. I mean you specifically split up the CMS into their own design systems vs Artisteer (all in one) to fix this type of thing.

Wishlist = Good Luck with that Little things like this are driving us crazy. I still don't understand why NO other template has this issue. No one wants a form field title aligned right. Why can't you just fix these simple things for us so we don't have so scrounge around for answers constantly. I mean you specifically split up the CMS into their own design systems vs Artisteer (all in one) to fix this type of thing.
You must log in or register to leave comments