Theme-Roller - does not include all styles

4 posts, 0 answers
  1. Sime
    Sime avatar
    24 posts
    Member since:
    Jul 2007

    Posted 22 Dec 2014 Link to this post

    Hi,

    I'm finding the Theme-roller impractical and buggy in use.

    All I want to do is use the metro theme but replace the green colours with some custom blue ones.

    Worryingly, I noticed that even though I changed all instances of the green to my blue in the Theme-Roller, the resulting style-sheet still contains instances of the green (#8ebc00) e.g:

    .k-state-focused,
    .k-grouping-row .k-state-focused {
      border-color: #8ebc00;
    }

    .k-calendar .k-nav-fast.k-state-hover {
      text-decoration: none;
      background-color: #8ebc00;
      color: #ffffff;
    }

    Also, the process of editing the generated CSS file to change all the image references from the CDN back to local is too time-consuming and prone to error.
    It's unrealistic to expect someone to do that each time they generate a theme.
    It would also be better if the generator also produced a minimised version of the css as minimising adds yet another step to the process.

    The thought of having to repeat this process every time a new update comes out is too daunting to consider as a realistic option.
     
    Have you any tips? Or will the theme-roller be fixed / updated?

    The only practical way to do what I want at the moment is to perform a find and replace on all the green colours in kendo.metro.min.css
  2. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 24 Dec 2014 Link to this post

    Hello Simon,

    Indeed, the two variables you mention were not part of the editing interface, which will be updated with the next ThemeBuilder upload.

    If you just need to change a color in a theme, you can do so via a simple search and replace; alternatively, you can build the minified theme from the distributed LESS files, by overriding the LESS variables that you require. We have a themebuilder update in mind, which will improve its usability, but we do not currently have a deadline for it.

    Regards,
    Alex Gyoshev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Sime
    Sime avatar
    24 posts
    Member since:
    Jul 2007

    Posted 20 Jan 2015 in reply to Alex Gyoshev Link to this post

    Thanks Alex,

    I'm trialling Kendo UI as I hoped it would be a simple solution. Unfortunately I don't currently have the time to learn LESS (!). I can use search and replace but that misses out variations on the main colour e.g. used for shadows or where values are defined using RGBA. That also still leaves me having to alter all the CDN image references manually (I found that impossible in practice) and then re-minify the file.

    I hope there is an update to the Theme-Roller as this this something of a deal breaker for me. Previously I used the ASP.NET AJAX Telerik tools but eventually found it impossible to keep up with new version releases for this same reason - i.e. having to regenerate all the styles manually again each time. That's the reason I was looking at Kendo UI as a replacement for my now out of date ASP.NET AJAX components.
  4. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 22 Jan 2015 Link to this post

    Hello Simon,

    This problem is on our radar, but is not yet addressed. Your best option right now is to use one of the bundled themes (as they are maintained by us), and the second best is to use LESS (because it will reduce the codebase that you maintain). Right now, the ThemeBuilder does not handle some of the more advanced themes (material / bootstrap), but we are working to bring it up to speed for a future release.

    Regards,
    Alex Gyoshev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top