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
Imran Khan
275
Responsive igCombo through twitter bootstrap
posted

I am using IgniteUi 2013.2 & Asp.Net MVC 4.5

My web application is heavily designed using twitter bootstrap for form layouts and responsive rendering.

I have used [div class=col-lg-xx ]

..other elements (including igCombos,Grids etc) .. [/div]

  to render my page.

The problem is with the responsiveness of igCombos. The default

[div class="col-lg-3"] [inpt typ=text /] [/div]

renders textboxes which are responsive and hence do not have a fixed width and adjust themselves with the width of the browser window. Howerver the igCombo is not getting the responsive behavior of bootstrap although I have used

[div class="col-lg-3"] ..igCombo code..  [/div]

to render them. The width of these combos are fixed and do not adjust themselves with the viewport.

Question1: I can I apply twitter bootstrap classes to the igCombos to make them responsive or is there any other way to make them responsive?

Question2: Also if I want to change the styling of the combo using css(bootstrap) classes how can I do that ? How can I apply css classes to the combos ? Because the igCombo does not use <select >immediately, therefore where do I apply css class? There are too many span tags also inside the igCombo. How can I apply my css class to them to change their styling.

Parents
  • 17590
    Verified Answer
    Offline posted

    Hello Imran,

    Thank you for your patience while I was looking into this.

    After discussing this matter with our developers what they suggested is using a div to wrap the igCombo and setting the col-lg-3 class to this div element. Afterwards set the combo width to 100% via its width option.

    They believe this will help you achieve your requirement.

    If you are still experiencing any issues after applying the suggested approach could you please send an isolated sample, where your issue is reproducible as well as a brief explanation of what will be the expected behavior for you.

    This is going to be highly appreciated and will help us find the best way for achieving the required look and feel of the igCombo.

Reply Children