Need help with List layouts

Filip_Theyssens

Hello all,

After having setup the portal we had a web dev come in for a day and do some rebranding/customization on the portal.

At the moment I'm looking in some weird behaviour we are seeing now.

In some RO's we have simple lists as well as some MP enumeration lists.

It seems that due to the customization, the MP enumeration lists look different than the Simple Lists.

Can someone help me in getting the MP Enumeration Lists to look the same as the Simple lists?

the Enumeration lists look as follows:

So transparent background and white letters.

the simple lists look as below:

This is how we would like to get our Enumeration lists back.

Is there some easy css for it?

I'm absolutely not an html expert so please be gentle

james_kleinschnitz

@Filip_Theyssens
may be best if you share your custom.css file with us.

Thanks

Tony_Collett

Unfortunately it's not a simple fix without knowing what was changed in the custom.css file. 

You may need to check what CSS is changed in ".k-ext-treeview.k-treeview"

Filip_Theyssens

Hello Tony,

Is ".k-ext-treeview.k-treeview" the tag that controls the way the Enumeration Lists look?

When going into custom.css, I see no section with changes to that section.

Can you tell me how I have to define that section with a white backgroun and black letters?

I tried adding this to the css:

.k-ext-treeview.k-treeview
{
color:black!important;
/*background-color:transparent!important;*/
}

But this doesn't change it

I found out that this is what causes the behaviour:

.page_content *:not(.k-state-selected),.page_container *:not(.k-state-selected)
{
color:white!important;
background-color:transparent!important;
}

If we do not set the background to transparent, then the form displaying the prompts is shown in a big white (ugly) block, but is also causing the enumeration lists to have the same configuration.

Thanks!

Tony_Collett

When I had a look, the tag I found was ".k-ext-treeview.k-treeview" which allowed me to control the drop down list

The code causing that behaviour is overwriting the tag, it's possible that you may need to change the order the custom code is in

Filip_Theyssens

so should the ".k-ext-treeview.k-treeview" tag come before or after the "page_content" tag?

Filip_Theyssens

hi,

I tried with the following:

.k-ext-treeview.k-treeview
{
color:black!important;
background-color:white!important;
}

and added it at the start of the custom.css and at the end of the file.

Both without success. the lists remain transparent

james_kleinschnitz

@Filip_Theyssens
may be best if you share your custom.css file with us.

Thanks