wijmocombobox width

Posted by: stb2wheels on 10 September 2017, 11:44 am EST

  • Posted 10 September 2017, 11:44 am EST

    Hi,

    How do I change the width of the wijmocombobox in a MVC3 app? I tried using the CSS selector in my app CSS sheet with

    .wijmo-wijcombobox { width: 250px;}

    but that gets overridden by some inline style buried deep in some code somewhere that I have not been able to find [yet]. Is it in the particular theme being used? Right now it is

    <!--Theme-->
    <link href="http://cdn.wijmo.com/themes/rocket/jquery-wijmo.css" rel="stylesheet" type="text/css" title="rocket-jqueryui" />

    My guess it's being calculated, in my case it gets overridden with 148px.

    I'd like to be able to set it to a constant value - I have multiple wijmocomboboxes on the page, allowing selection of a disparate collection of data, and visually, it's more appealing if all of the wijmocomboboxes are the same width.

    Thx!
  • Replied 10 September 2017, 11:44 am EST

    Hello,

    You may use the following css to change the width of the combobox:
    [css]
    <style type="text/css" >
    .wijmo-wijcombobox
    {
    position: relative;
    width:250px !important;
    }

    .wijmo-wijcombobox-input
    {
    width:216px !important;
    }

    </style>
    [/css]

    Regards
    Ashish
  • Replied 10 September 2017, 11:44 am EST

    Worked - thanks!
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels