Convert comment field from type string to HTML type

[Lokesh5]

Hi Everyone, 

I have a UI Page that includes a field called 'Comments', which is currently a string field. I would like to know if it is possible to convert this field type to HTML to support rich text formatting. Could you please confirm if this can be achieved?

Looking forward to your response.

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
	<style>
		#required_information .required-marker{
		display: inline-block;
		}
		.required_information-textarea {
		resize: vertical;
		}
	</style>
	<div class="row" >		
		<div style="padding: 0px 5px 20px 40px;"> ${gs.getMessage('Provide details of information needed.')} </div>
		<div class="form-horizontal" id="required_information">
			 <div class="form-group" id="requestInformation">
					<div class="col-sm-3 col-sm-offset-1 control-label">
						<label for="request" id="request_label">
							$[gs.getMessage("Request information from")]
						</label>
					</div>
					<div class="col-sm-7">
						<input type="text" id="request_label_text" name="request_label_text" readonly="true" class="form-control required_information-textbox"></input>
					</div>
				</div>
			
			<div class="form-group" id="users_text_area">
				<label id="users_text_label" class="col-sm-3 col-sm-offset-1 control-label">${gs.getMessage('User')}</label>
				<div class="col-sm-7">
					<input type="text" id="users_text" name="users_text" readonly="true" class="form-control required_information-textbox"></input>
				</div>
			</div>
			
			<div class="form-group">
				<label id="comments_label" class="col-sm-3 col-sm-offset-1 control-label"><span mandatory="true" class="required-marker"></span>${gs.getMessage('Comments')}</label>
				<div class="col-sm-7">
					<textarea id="comments" class="form-control required_information-textarea" type="text" onkeyup="checkMandatoryFields(this)"></textarea>
				</div>
			</div>
			
		</div>
	</div>
<script>
	addLoadEvent( function() {
	setUserDetails();
	});
</script>	
</j:jelly>

[Ankur Bawiskar]

@Lokesh5 

this is the link to show HTML type field within UI page

enhance your custom UI page

How to add HTML type field in the UI page 

If my response helped please mark it correct and close the thread so that it benefits future readers.

[Lokesh5]

Hello @Ankur Bawiskar ,

Thanks for the reply. I have converted the field type to HTML from string. However, when calling the UI Page using a UI Action, the field is not appearing as expected. Below is the UI Action code I am using.

function requestInformation() {
    var gwt = new GwtMessage();
    var modal = new GlideModal('sn_grc_test');
    modal.setTitle(gwt.getMessage('Request Information'));
    modal.setBackdropStatic(true);
	modal.setSize(650,600);
    //modal.setWidth(600);
    //modal.setHeight(600);
    modal.render();
}

[Lokesh5]

[Ankur Bawiskar]

@Lokesh5 

as per your latest image it's showing correctly