Dear Team,
I have a form with bootstrap style where I would like to use the igNumericEditor. But when I execute the $("#control_value").igNumericEditor I lost the bootstrap style and presentation. For example, the label is on the same line and not at the same height.
<div class="form-group"> <label for="control_value" class="form-control-label">Valeur:</label> <input type="number" class="form-control" id="control_value"> </div>
$("#control_value").igNumericEditor({ placeHolder: "Valeur..." //valueChanged: changingValues });
Best regards,
Hello Alain,
Thank you for providing the code snippet.
I have cread a sample application of igNumericEditor with bootstrap , i am working on it and will provide you an update by Monday EOD as US ofiice is closed from [11/24-11/27] due to thanksgiving holiday.
I have created a sample application of igNumericEditor with and without bootstrap and found the same alignment of the label and editor in both the sample.
Please find the attached sample application and the screen short of the editor and let me know if it is giving you the same alignment.
If attached sample project is not an accurate demonstration of what you're trying to do, please feel free to modify it and send it back for further investigation.
Looking forward to her you back.
Hello Divya,
If you remove the javascript code (remove the ignumeric) in the bootstrap example, the result in the brower is different.
I also changed the following code:
<!-- <link href="http://cdn-na.infragistics.com/igniteui/2016.2/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" /> -->
<link href="http://cdn-na.infragistics.com/igniteui/2016.2/latest/css/themes/bootstrap/infragistics.theme.css" rel="stylesheet" />
It's better but not yet like the original "input" without ignumeric.
Alain
Thank you for the update.
To understand the requirement clearly I have some follow up question including:1)What you are trying to achieve?2)Why did you remove the JavaScript code or editor in the sample?3) What is your expected behavior?
Looking forward to hearing you back.
Sincerely,Divya JainAssociate Software Developer
Hello Divja,
I made a form with bootstrap, and I haven't the same look & feel when I apply the igNumericEditor to a field of the form.
And I would like to know if it's possible to keep the same look & feel. And when you remore the javascript you can see the original look.
To have same look and feel I would say you have to modify your bootstrap style class according to your requirement.You can open the console (development tool) and select the control or DOM element and change the related class.
Please let me know if you need further assistance.