Using icons with Flat theme

4 posts, 0 answers
  1. Henry
    Henry avatar
    14 posts
    Member since:
    Feb 2014

    Posted 10 Aug Link to this post

    We've been using different themes for our application, and are having some trouble with the "Flat" theme.

    When adding icons to widget contents (ex. Kendo Window), the icons don't show up. Reason seems simple: both icons and widget background are white. :)

    This can be seen easily in the icons demo page (switch to Flat theme):

    http://demos.telerik.com/kendo-ui/styling/icons

    Any plans to make Flat theme work the same way as other themes, or any workarounds for this?

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 12 Aug Link to this post

    Hi Henry,

    Currently, Kendo UI widgets use sprites for their icons and in the Flat theme most of the icons are white. In order to avoid the issue I would suggest setting some background to the icons which are directly placed within a Window. Take a look at this dojo and let me know if this fits the current requirements.

    Regards,
    Iliana Nikolova
    Telerik by Progress
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
  3. Kendo UI is VS 2017 Ready
  4. Henry
    Henry avatar
    14 posts
    Member since:
    Feb 2014

    Posted 17 Aug Link to this post

    Hi Iliana,

    and thanks for the suggestion.

    Our app has theme selection enabled, so it needs to look good with any theme. Any hardcoded background colors would be a problem.

    Just for info, I was trying out some of the predefined css classes (ex. "k-block") to color the icon background, depending on the theme. It's close to working good, but not quite. Do you know if there are better choices for that?

  5. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 19 Aug Link to this post

    Hi Henry,

    I believe that using the k-block class for setting background is OK. For your conveniece here is the modified dojo.

    Regards,
    Iliana Nikolova
    Telerik by Progress
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
Back to Top
Kendo UI is VS 2017 Ready