AppGini 5.98 Left Align

[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 2115 times

[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;
}

[Moh Youba]

Thank you sir, please where to put the code ?

[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 */

* linked css files may probably be cached by your browser. Ensure to reload without caching after changing styles, otherwise you may see outdated styling in your browser.

[Moh Youba]

thank you sir, working very good.
Please add to your js library
Best regards,

[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.

[Moh Youba]

ok, I understand.
Thank you