Page 1 of 1
AppGini 5.98 Left Align
Posted: 2022-02-16 20:20
by Moh Youba
Hello
How are you doing, I hope well. Pleas any help to left align. Please see picture
- align_left.jpg (60.91 KiB) Viewed 2126 times
Re: AppGini 5.98 Left Align
Posted: 2022-02-16 20:48
by jsetzer
By default, depending on the screen resolution, labels in horizontal forms in Bootstrap 3 are right aligned, if display size is medium or large.
If you want to change the standard, you will have to change the css, see here:
https://stackoverflow.com/questions/322 ... orm-labels
tl;dr
Code: Select all
.form-horizontal .control-label {
text-align: left;
}
Re: AppGini 5.98 Left Align
Posted: 2022-02-16 22:14
by Moh Youba
Thank you sir, please where to put the code ?
Re: AppGini 5.98 Left Align
Posted: 2022-02-16 22:30
by jsetzer
There are different ways for adding custom CSS styles.
I guess many put them in
hooks/header-extras.php directly.
Code: Select all
<!-- file: hooks/header-extras.php -->
<style>
/* your styles here */
</style>
Others may include a custom CSS file* (which I personally prefer).
Code: Select all
<!-- file: hooks/header-extras.php -->
<link rel="stylesheet" href="YOUR_FILENAME.css">
Code: Select all
/* file: YOUR_FILENAME.css */
/* your styles here */
Re: AppGini 5.98 Left Align
Posted: 2022-02-16 22:44
by Moh Youba
thank you sir, working very good.
Please add to your js library
Best regards,
Re: AppGini 5.98 Left Align
Posted: 2022-02-16 23:09
by jsetzer
It is not planned to add this customization to the library. We will keep the Bootstrap standard which follows user interface design principles and promises compatibility for almost all devices, operating systems and browsers. If you want a non-standard customization like this label-alignment, feel free to customize to your personal needs with only few lines of css code.
Re: AppGini 5.98 Left Align
Posted: 2022-02-16 23:12
by Moh Youba
ok, I understand.
Thank you