Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Michael Seidel
8920
igNumericEditor - disabled
posted

Simple numeric editor.. while turning readOnly to true, how to make it visually disabled.. thanks

<input id="auEnd" style="font-size: 16px; font-weight: bold " /> <label class="auSpan">

$("#auEnd").igNumericEditor({
dataMode: "int"
, groupSeparator: ''
, value: null
, minValue: 2000
, maxValue: new Date().getFullYear() + 10
, button: "spin"
, width: 90
, height: 30
, valueChanged: function (evt, ui) {
auditVM.OneAuditData.AuditPeriodEnds(ui.value);
}
});

  • 2895
    Verified Answer
    posted

    Hello Michael, 

    Thank you for using our community. 

    The readOnly property of our igEditor controls don’t change the visual appearance of the editor itself. Depending on your scenario if you want to visually disable the input you can either use the disabled property or you can add a custom class to the component and apply custom CSS. In the following sample you can see both suggestions implemented: 

    http://jsfiddle.net/qggz33wp/  

    Please let me know if I can be of further assistance.  

    Best Regards,
    Marina Stoyanova,
    Software Developer,
    Infragistics, Inc.