More in this section

Forums / Developing with Sitefinity / How to reflect CSS style on WYSIWYG Editors

How to reflect CSS style on WYSIWYG Editors

10 posts, 0 answered
  1. jkregala
    jkregala avatar
    159 posts
    Registered:
    22 Sep 2009
    16 Jul 2010
    Link to this post
    I was wondering if there was a way to automatically have the CSS styles reflected on the Generic Content editors as you go. From what I can see, it's all in Times New Roman. Our users are requesting if they could easily see how the page would look without having to save and preview, like you know, utilize the "Preview" button on the editor itself.

    Thanks and more power..
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    12 Sep 2017
    16 Jul 2010
    Link to this post
    Hi jkregala,

    You could use "Preview" mode of RadEdtor or page "Preview" mode without saving the page. Currently another options are not available.

    Greetings,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. jkregala
    jkregala avatar
    159 posts
    Registered:
    22 Sep 2009
    16 Jul 2010
    Link to this post
    Unfortunately the CSS styles specified in the Theme selected are not reflected even in Preview mode. How is this so?
  4. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    12 Sep 2017
    16 Jul 2010
    Link to this post
    Hello jkregala,

    You should see how the page will looks in page "Preview" mode.

    Best wishes,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  5. jkregala
    jkregala avatar
    159 posts
    Registered:
    22 Sep 2009
    16 Jul 2010
    Link to this post
    Kindly see attached screenshots :)
  6. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    12 Sep 2017
    16 Jul 2010
    Link to this post
    Hi jkregala,

    You should see how the page will looks in page "Preview" mode.


    Best wishes,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  7. jkregala
    jkregala avatar
    159 posts
    Registered:
    22 Sep 2009
    21 Jul 2010
    Link to this post
    How about on the WYSIWYG Editor's Preview mode? Our users are requesting that specifically. I tried to edit the CSS Styles on EditorCssFile.css but I think it's too limiting.
  8. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    12 Sep 2017
    21 Jul 2010
    Link to this post
    Hi jkregala,

    • Preview mode of RadEditor shows only its content and it is rendered correctly.
    • Preview mode of the page shows the entire page.

    Best wishes,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  9. jkregala
    jkregala avatar
    159 posts
    Registered:
    22 Sep 2009
    21 Jul 2010
    Link to this post
    • Preview mode of RadEditor shows only its content and it is rendered correctly.

    Yeah, I know it works that way. However on my end it does not. And I'm wondering what could be causing the problem.
  10. jkregala
    jkregala avatar
    159 posts
    Registered:
    22 Sep 2009
    21 Jul 2010
    Link to this post
    Hi I just have an extra question. Why does it take so long for the styles in EditorCssFile.css to reflect on the CMS?
Register for webinar
10 posts, 0 answered