0
100
ViewsPlacing fields on a Webform in edit mode - Sharepoint - HTML - JS
I am currently working on a configuration of a webform on Sharepoint and am having the difficulty were I cannot have one field next to the other (side by side) when the form is in Edit mode:
In Edit mode
If I save the form, I am able to see the correct display:
Non edit mode
However, I wanted to have the form in Edit mode display the fields one next to the other (side by side).
Ex:
"text"+"dropdown"+"text"+"freetextfield", etc.. (side by side)
and not:
"text"+"dropdown" (under)
"text"+"freetextfield"
I am using the below code:
<tr>
<td class="ms-formlabel" colspan="4" style="padding: 0px;">
<p>Text goes here <span bfeId="isaCustomChoiceYesNo03" bfeType="field" class="ms-formbody" bfeWidth="100"> </span>More text goes here<span bfeId="isaCustomChoice09" bfeType="field" class="ms-formbody" bfeWidth="200"> </span> </p>
</td>
</tr>
How this can be achieved? Am I using the correct statement (<p></p>) to achieve this?
·
Juan Pablo Isaza
1 answers
Answer question0
You can use the HTML space codeword " " to replace the spaces that appear between fields in the code , using this way , can achieve display side-by-side display of fields in Webform Edit mode.
Here is an example that will achieve this feature.
<table>
<tr>
<td class="ms-formlabel" colspan="4" style="padding: 0px;">
<p>Text goes here <span bfeId="isaCustomChoiceYesNo03" bfeType="field" class="ms-formbody" bfeWidth="100"> </span>More text goes here<span bfeId="isaCustomChoice09" bfeType="field" class="ms-formbody" bfeWidth="200"> </span> </p>
</td>
</tr>
</table>
·
Juan Pablo Isaza
Report
Answer question