Home Self-Service Portal - Community

Need help with List layouts

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

Best Answer

Answers

  • Tony_CollettTony_Collett Cireson Support Super IT Monkey ✭✭✭✭✭
    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_TheyssensFilip_Theyssens Partner IT Monkey ✭
    edited February 2018

    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_CollettTony_Collett Cireson Support Super IT Monkey ✭✭✭✭✭
    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_TheyssensFilip_Theyssens Partner IT Monkey ✭
    so should the ".k-ext-treeview.k-treeview" tag come before or after the "page_content" tag?
  • Filip_TheyssensFilip_Theyssens Partner IT Monkey ✭

    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

Sign In or Register to comment.