Custom Unordered List CSS appearing in editor dropdown boxes

Oct 15, 2015 at 9:29 AM
Edited Oct 15, 2015 at 10:09 AM
Hiya, I'm currently testing this editor out for my company to see if it'll work with our custom modules and such.

In this testing process I'm using an existing editor.css file that was used with the old default DNN editor. This file contains unordered list styling to mirror how it'll end up looking on the page. This includes, amongst other things, paddings and a background image to create a chevron list style.

Like so:
Image

However, my problem is that it also adds this effect to the Formatting Style, Paragraph Format, Font Name and Font Size dropdown menus.
Like so:
Image

This, of course, is not my intention.

Now, I know why this happens. The editor CSS is also applied to these elements to give a preview for the Formatting Style or Paragraph Format etc. which you are about to select. These dropdowns just happen to be constructed with Unordered Lists as well. Problem is just that I only really want my list styling to apply to the actual editing field.

I have found several ways to do this. One being to set a class or ID on the body in the settings, and then prefixing the CSS I only want to appear there in the editor.css file. The problem I'm seeing with this solution is that this functionality was not really intended to be used this way.

I also preferably want to keep my editor.css as generic as possible (as little classes and ID's as possible). Is there a best way to go about this?
Oct 18, 2015 at 1:25 AM
Do you want all your lists look the same way? You can define a Css file in the settings, this css file will be applied to the editor content only. And if you dont like inline styles or custom css classes. you should apply the same css settings to your skin.css file. This would be the simplest solution.
Oct 28, 2015 at 8:53 AM
I do want all the lists to look the same, and I have defined a css file in the settings. This just causes the dropdowns to get the list styling as well.
Nov 21, 2015 at 5:07 PM
DC_Mitch wrote:
I do want all the lists to look the same, and I have defined a css file in the settings. This just causes the dropdowns to get the list styling as well.
Can you post that css code so i can try to reproduce the problem?