Change size of html editor

Brian Lancaster · ‎05-26-2016

I have a catalog item that is displaying has an HTML editor to display the training courses that someone need to take before requesting access. This is displayed on the screen as read only. Is there a way to make it longer do it does not have a scroll bar?

rohantyagi · ‎05-26-2016

Yes you need too write a client script "on Load". Should be as simple as this:

g_form.getControl('<VARIABLE_NAME>').style.height = '150px';

Please refer this article for more details.

If it was a regular field on the form, Field Style configuration in SN could have worked but it is about variable field styling which is not possible without a client script at this time.

View solution in original post

Brian Lancaster · ‎05-26-2016

This is the code in the text both

In order to request access to Study Optimizer you must first complete the necessary Study Optimizer training:

.tg {border-collapse:collapse;border-spacing:0;}

.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}

.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}

.tg .tg-3a3g{font-size:14px;font-family:Arial, Helvetica, sans-serif !important;;text-align:center;vertical-align:top}

--></style>

<tbody>

<tr><th class="tg-3a3g">Job Role</th><th class="tg-3a3g">iLearn Curse(s)</th></tr>

<tr>

<td class="tg-3a3g">Study Optimizer Application Overview (G10116)</td>

</tr>

<tr>

<td class="tg-3a3g">Study Optimizer Application Overview (G10116)</td>

</tr>

<tr>

<td class="tg-3a3g">ICON Feasibility SO Support Team</td>

<td class="tg-3a3g">External Training - Business Applications (GX0002) OR Study Optimizer Application Overview (G10116), SO Recruitment Planning (G10106), SO General User Planning (G10110)</td>

</tr>

<tr>

<td class="tg-3a3g">External Training - Business Applications (GX0002) OR Study Optimizer Application Overview (G10116), SO Recruitment Planning (G10106), SO Planning and Managing Cohort Studies (G10108), SO Planing Adjustments (G10109)</td>

</tr>

<tr>

<td class="tg-3a3g">Study Optimizer Application Overview (G10116)</td>

</tr>

<tr>

<td class="tg-3a3g">External Training - Business Applications (GX0002) OR Study Optimizer Application Overview (G10116), SO Recruitment Planning (G10106), SO Planning and Managing Cohort Studies (G10108), SO Planing Adjustments (G10109), SO Monitoring Study Progress (G10105), SO Monitor Country (G10107), SO Monitor Sites (G10104)</td>

</tr>

<tr>

<td class="tg-3a3g">ICON Site Activation Leads</td>

<td class="tg-3a3g">Study Optimizer Application Overview (G10116), SO General User Planning (G10110)</td>

</tr>

<tr>

<td class="tg-3a3g">ICON Site ID Functional Lead</td>

<td class="tg-3a3g">Study Optimizer Application Overview (G10116)</td>

</tr>

</tbody>

</table>

Please ensure that the appropriate training has been completed or the request will be rejected and access will be delayed.

rohantyagi · ‎05-26-2016

Replace your code with this line below. Try.. not sure if this will work.

<tbody>

Brian Lancaster · ‎05-26-2016

that didn't do anything. I don't think changing the HTML inside the system will do anything as it is just what displays in the HTML text box. I need to change the size of the text box itself. I'm guessing some sort of client script is required.

rohantyagi · ‎05-26-2016

Yes you need too write a client script "on Load". Should be as simple as this:

g_form.getControl('<VARIABLE_NAME>').style.height = '150px';

Please refer this article for more details.

If it was a regular field on the form, Field Style configuration in SN could have worked but it is about variable field styling which is not possible without a client script at this time.

CJB · ‎09-16-2021

I was struggling to get resize my HTML field, but this did the trick! Thank you!