Themed Combo Box

3 posts, 0 answers
  1. Dr.YSG
    Dr.YSG avatar
    210 posts
    Member since:
    Dec 2009

    Posted 25 Nov 2015 Link to this post

    I am currently using the MetroBlack theme. I have a pop-up window that is all black, and it has a combo box inside of it. But the box is all white which does not look correct to me.

    <select id="liveServer" class="comboStyle">

    If I set the background color to pure black, to match the rest, then I loose the (v) down-arrow icon (it is also black) so I have resorted to this CSS, which makes is a dark grey backgrond and white text. But something tells me that the theme should be doing this automatically. What am I missing?


    .comboStyle {
        font-family: Arial, sans-serif;
        font-size: 16px;
        padding: 4px 7px;
        color: #ffffff;
        background-color: #404040;


  2. Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 27 Nov 2015 Link to this post

    Hi Yechezkal,

    I tested a ComboBox in Kendo UI Window with MetroBlack theme and it is rendered as expected (dojo). Could you please modify my example and demonstrate your exact setup - this way I would be able to check what exactly is going wrong and provide concrete recommendations? Thank you in advance for your cooperation.

    Iliana Nikolova
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Dr.YSG
    Dr.YSG avatar
    210 posts
    Member since:
    Dec 2009

    Posted 27 Nov 2015 in reply to Iliana Nikolova Link to this post

    Mine is inside a pop-up window. Perhaps that is the issue. I will look into updating the Dojo, but it could be timing w.r.t to when the window is created, and that might not be reproducable in DOJO. 


    Right now, I do the setup on document load, and I am creating the combo box before I create the enclosing window. Works ok fo rthe button in the window. but not the combo box.



Back to Top