Using the Kendo UI Theme Builder

9 posts, 1 answers
  1. mgs
    mgs avatar
    163 posts
    Member since:
    Jan 2011

    Posted 11 Mar 2013 Link to this post

    When using the Theme Builder and extracting the CSS, there are some references to images. For example...
    .k-tool-icon.k-state-active.k-state-hover {
    }
    How should those images be changed so they fit the new color scheme? Can they be generated with specific foreground / background colors?

    Michael G. Schneider
  2. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 13 Mar 2013 Link to this post

    Hello Michael,

    The Kendo UI ThemeBuilder is able to generate CSS code, but it cannot modify images. In case you need a custom color scheme for the sprite image, or a custom icon design, you will need to edit the sprite image or create a new one. The easiest option is to open the sprite in Photoshop and use the Hue / Saturation / Lightness tool to change the color scheme.

    Regards,
    Dimo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. mgs
    mgs avatar
    163 posts
    Member since:
    Jan 2011

    Posted 13 Mar 2013 Link to this post

    Hello Dimo,

    thanks a lot for the answer. Changing the sprite directly would be easier, if the original file were available. Can we download the images in a Photoshop or Illustrator file format somewhere?

    Michael G. Schneider
  5. Answer
    Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 13 Mar 2013 Link to this post

    Hi Michael,

    Here they are. The 2x versions include larger images for retina displays.

    Regards,
    Dimo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. mgs
    mgs avatar
    163 posts
    Member since:
    Jan 2011

    Posted 13 Mar 2013 Link to this post

    Hello Dimo,

    thanks a lot for attaching the files. I am sure, others would also like, if these files were bundled into the distribution, too.

    Michael G. Schneider
  7. Jolie
    Jolie avatar
    1 posts
    Member since:
    Aug 2015

    Posted 17 Aug 2015 Link to this post

    HI want to know any AI file to be download for UI flat theme.

    please reply in ASAP

  8. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 18 Aug 2015 Link to this post

    Hi Jolie,

    Kendo UI theme designs can be provided as PSDs only. I am afraid we do not have corresponding AI files.

    Regards,
    Dimo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  9. Pavel
    Pavel avatar
    1 posts
    Member since:
    Aug 2014

    Posted 07 Jun in reply to Dimo Link to this post

    Is this PSD file still valid for the latest release (2016.2.504)? If not, can you please provide the latest?

    I am surprised that icon color cannot be customised using the theme builder. One would think that with LESS, SASS and possibly some external libraries, one would be able to generate a sprite-sheet dynamically (assuming of course, your original designs are vector files, like fonts).

  10. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 07 Jun Link to this post

    Hello,

    The latest sprite PSD files are now part of our public repository, for easier access:

    https://github.com/telerik/kendo-ui-core/tree/master/resources/psd

    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready