Demand field size on Employee Center

[mah1]

Zurich Patch 4 Hotfix 3

We gave access to Demands on Employee Center by using the Data Table from URL Definition widget. This is working as expected - users can view/edit/create demands. We would like to change the height of the business case field; that is, we want to make that text area larger by default when users access Demands on Employee Center. Looking for suggestions on how to change the height of that field so that it displays correctly on Employee Center. Nothing I tried seems to affect it on Employee Center.

Thank you!

[mah1 · Accepted solution]

I was able to adjust this by adding page specific css on the portal form page.

affects all rich text fields on the form:

/* Business case editor height in SP form */
.sp-form .mce-tinymce, .sp-form .tox-tinymce {
height: 750px !important; /* container (toolbar + content) */
min-height: 750px !important;
}
.sp-form .mce-tinymce iframe, .sp-form .tox-tinymce iframe {
height: 750px !important; /* ~40px for the toolbar */
}
/* Fallback if your form wrapper isn't .sp-form */
.mce-tinymce, .tox-tinymce { height: 750px !important; min-height: 750px !important; }
.mce-tinymce iframe, .tox-tinymce iframe { height: 750px !important; }

affects just the business case field:

/* Only the Business case editor (TinyMCE) */
textarea[name="business_case"] + .mce-tinymce,
textarea[name="business_case"] + .tox-tinymce {
height: 750px !important; /* container (toolbar + content) */
min-height: 750px !important;
}

textarea[name="business_case"] + .mce-tinymce iframe,
textarea[name="business_case"] + .tox-tinymce iframe {
height: 750px !important; /* ~40px for toolbar */
}

/* If your instance transforms the control id but preserves the prefix */
textarea[id^="business_case"] + .mce-tinymce,
textarea[id^="business_case"] + .tox-tinymce {
height: 750px !important;
min-height: 750px !important;
}
textarea[id^="business_case"] + .mce-tinymce iframe,
textarea[id^="business_case"] + .tox-tinymce iframe {
height: 750px !important;
}