UI page not working as expected

[raskill]

Hi Community,

I have created a UI page that displays a form with 4 input text fields. I have the following script-

<fieldset id="tax-details-container-1">
<div class="container-title">
<legend>Tax Details <span>1</span></legend>
</div>
<div class="left-container container">
<label for="name">Name</label><input name="name" type="text">
<label for="age">Age</label><input name="age" type="text">
<label for="gender">Gender</label><input name="gender" type="text">
<label for="education">Education</label><input name="education" type="text">
</div>
</fieldset>

I have added this UI page to my catalog item tax-details, but in the portal I am able to view only a single text input field like so,

But in the backend view I am able to view all the 4 fields. Can someone point out where I'm going wrong? Any help greatly appreciated!

Thanks,

Raskill

[Shashi Bhushan · Accepted solution]

Hi raskil,

Please refer the below link:

https://community.servicenow.com/community?id=community_question&sys_id=4c344729dbd8dbc01dcaf3231f961921

If you want the UI Page to be a part of Service Portal, convert the UI Page to a widget. 

Otherwise the other option is to bring that UI page into an iframe within the widget and then put that widget on the desired page.

Please Mark the answer correct or helpful.

Thanks

[Shashi Bhushan]

Hi raskil,

Also, syntax is showing wrong, you will have to add </input> for all 4 textboxes.

Please Mark the answer correct or helpful.

Thanks