Editor - Custom Forecolors and Backcolors

6 posts, 0 answers
  1. Dustin
    Dustin avatar
    79 posts
    Member since:
    Oct 2012

    Posted 12 Nov 2012 Link to this post

    How do you customize the fore and back colors and what is the defaults? I thought I saw this on your site once but I cannot no longer find this page.
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 12 Nov 2012 Link to this post

    Hi Dustin,

    There are foreColor and backColor tools in Kendo UI Editor which customize the colors. For a working example please check this online demo.

    Regards,
    Iliana Nikolova
    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. Dustin
    Dustin avatar
    79 posts
    Member since:
    Oct 2012

    Posted 12 Nov 2012 Link to this post

    Thank you for the quick response. I know that it can be costomized, but can you send me an example? I saw an example once that even listed the default colors. I didn't see an example on your demo site that specifically customizes the colors.
  5. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 14 Nov 2012 Link to this post

    Hi Dustin,

    I am not quite sure if I understand you correctly. The online demo I pointed gives the opportunity to customize both foreColor and backColor as choosing from color palette (check the attached screenshot). Could you please elaborate a bit more, probably I am missing something?

    Regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. Dustin
    Dustin avatar
    79 posts
    Member since:
    Oct 2012

    Posted 14 Nov 2012 Link to this post

    I don't know how else I can explain this. How do you customize the colors available to pick from in the color picker of the editor? And can you please send me a code snippet on how to do so?
  7. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 19 Nov 2012 Link to this post

    Hi Dustin,

    You could customize the colors available to pick in Kendo UI Editor using the following code snippet: 

    kendo.ui.editor.ColorPicker.fn.options.colors = ["c3c3c3","b97a57","ffaec9","ffc90e","efe4b0","b5e61d","99d9ea","7092be","c8bfe7"];       
    $("textarea#editor").kendoEditor();

    Regards,
    Iliana Nikolova
    the Telerik team
    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