Form Style

[gselvag]

Is it possible to add custom css, to override default jquery ui. For example if user want to change relevant form attributes, e.g. background color to white, tabbed control button background to white etc.

Appreciate any feedback, thanks.

[Nikita Kurguzov]

Dear gselvag,
Sure, it is possible! You can customize style of particular elements by adding CSS rules to their LAYOUT -> Style attribute or give them CSS Classes in LAYOUT -> Css Class property:

LayoutFD.png (2.84 KiB) Viewed 2649 times

You can also customize style of the whole form by adding CSS rules to the CSS editor:

CSSEditor.png (5.61 KiB) Viewed 2649 times

Plus, you can use an HTML control to add HTML to the form, and load an external CSS file to the form.

Finally, all the styles from your master page, should apply to all the forms automatically.

There are no real limitations in terms of CSS rules that you can apply to the form.

[gselvag]

Nikita, thank you for the feedback.

I try to customize position of FD elements (e.g. Buttons), and position form buttons on the buttom of the page.

We would like to strech the form so the buttons (OK, Cancel) can be placed near the buttom of the page (ref. id="s4-workspace"). This way button always placed fixed same place.

Have tried to strech the form table (ref. class="fd_table") without getting desired result, the button always fixed its position under form. Any suggestion for custom fixed placement of buttons (Css Class: fd_commands)?

[Nikita Kurguzov]

Dear gselvag,
You can add buttons to the form with the Buttons button, then select newly added container, and adjust its style like this (can change width to the appropriate width):

Code: Select all

width: 640px;
position: fixed;
bottom: 0%;

Here's how it looks:

FixButtonsBottom.png (27.38 KiB) Viewed 2643 times

[gselvag]

Thank you for feedback.

I entered the syntax as you show. The buttons is placed on the bottom of form container, but how can we place the buttons fixed (e.g. near scroll bar)?

Like this on photo:

BtnPosition.JPG (52.92 KiB) Viewed 2639 times

[Nikita Kurguzov]

Dear gselvag,
Can you show me where you've entered the CSS on the form? Because this is the result I get in my browser with this code:

ButtonsFixed.png (8.12 KiB) Viewed 2636 times

[Mapleleaf]

I found this :

"Plus, you can use an HTML control to add HTML to the form, and load an external CSS file to the form."

in the postings above. Is that explained in detail anywhere? I would like to know, what code I have to use for this.

[AlexZver]

Hi!

HTML control allows you to add some custom HTML code to the form, there are no specifical examples on this theme, but you can describe your issue what custom functionality you want to add to the form and we'll help to implement it the best way.