Adding checkbox in a custom dialog box using h5 script

Kaneez Jowaheer

Hello

I am trying to insert a checkbox in a custom dialogue box using h5 script.

The line I tried in my HTML <input type='checkbox'> is not displaying the checkbox.

Any one tried this before?

Thanks

UPDATE (13.04.2023)

<input type='checkbox' id='chkbox' name='chkbox' class='inforCheckbox'/></td> works on classic UI

Anyone tried it for updated M3 UI?

Find more posts tagged with

M3 Development

Accepted answers

All comments

unknown

Try below:

Option 1 - '<div><input type="checkbox" checked="checked" class="inforCheckbox" disabled></div>'

Remove bold part when you want unchecked.

Option 2 -

label>Third Party Program</label>
<input soho-checkbox type="checkbox" class="thirdpartyCheckbox" id="thirdparty" disabled [(ngModel)]="thirdpartyprog">
<label soho-label for="thirdparty" id="thirdpartylbl"></label>

Kaneez Jowaheer

I tried both codes. I am getting this element in the dialogue box:

unknown

Declare below variable in your js / ts code.

thirdpartyprog: boolean; // Declare

this.thirdpartyprog = false; // Initialize

//Use as below:

if (x == 1) {

this.thirdpartyprog = true;

} else {

this.thirdpartyprog = false;

}

antonio-caria

How are You add checkbox in New UI?

Use can use Standards Infor method's also and avoid HTML, Jquery.

jschra

Hi,

did you ever get this to work? I am facing currently the same issue and none of the provided solutions work for me. Thanks!

Kaneez Jowaheer

I tried:

<h5-field-context-menu _ngcontent-set-c115="" _nghost-set-c199="">

</h5-field-context-menu>

</div>

</div></td>

I tried this and it works for me.

Copyright © 2025 Infor. All rights reserved.