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
60
CSS Is not applying in Helper class
posted

Hi Team ,

We are using IgniteUI MVC controls in our application. We are trying to set custom CSS property for these controls but we are unable to do so since infragitics appending few div's with its own class at the run time.

Is anyway possible to avoid creating those div's and enforce our own CSS for the ignite UI controls? Please find the sample below.


Control in View:

 $("#InputElementID").igTextEditor({
        height: 25,
    Width: "80%",        
        inputName: ("InputElementID"),
        value: CrtlValue,
        readOnly: false
   });

Control rendered in the browser:

<div class="ui-igedit ui-igedit-container ui-widget ui-corner-all ui-state-default">
  <div class="ui-igeditor-input-container ui-corner-all">
    <input role="textbox" style="height: 100%; text-align: left;" class="ui-igedit-input" id="txtFld_Field_1" type="text">
  <input value="" name="txtFld_Field_1" type="hidden">
</div>
</div>

Thanks in Advance.