Froala inline classes not working on live site

Alexander Toups asked on May 15, 2024 16:03

We have a Kentico 13 instance running. But when users format content e.g. in a rich text widget with the Froala editor for instance formatting a table as alterating, on the live site the format doesn't show. I assume that the corresponding CSS isn't loading. Any hint on the required configuration of the live site?

Correct Answer

Brenden Kehren answered on May 15, 2024 16:30

Bad assumption, it does not. The Froala editor and CSS associated with that editor are NOT loaded on the live site. You need to do one of two things:

  1. Modify the editor to insert a CSS class you already have defined in your live site stylesheet.
  2. Add CSS to your live site stylesheet to replicate what the Froala editor has.

You can 100% verify this by navigating to the page in the content tree, then edit it, right click on the table, then inspect. You'll most likely see some stylesheet from the CMS or Froala that is applying styles to that table. Then go and do the same thing on the live site, most likely no styles applied to that element/css class.

0 votesVote for this answer Unmark Correct answer

Recent Answers

Brenden Kehren answered on May 15, 2024 16:16

Do you have the CSS for the required alternating table styles in your site's stylesheet? If not, then it won't show. You can add the CSS classes to a table all day long, but if you don't have the CSS in your stylesheet that style won't be reflected on the live site.

0 votesVote for this answer Mark as a Correct answer

Alexander Toups answered on May 15, 2024 16:26

I assume the live site should just use the same CSS files like the backend. In K12 I know how to solve this. But In K13 no clue.

0 votesVote for this answer Mark as a Correct answer

Alexander Toups answered on May 15, 2024 17:14

Apreciated.

0 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.