IT Monkey:   


Formal Cireson Support (phone, email, and web) is not included with the free Self-Service Portal – Community app. For trouble shooting assistance, take advantage of the Cireson Community to find answers to your questions. However, if you’d like to purchase a Support Package to access more formal Cireson Support (phone, email, and web), please contact us today to learn more on the pricing options.

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

Answers

  • Tony_CollettTony_Collett Cireson Support Ninja 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 5

    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 Ninja 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

  • james_kleinschnitzjames_kleinschnitz Cireson Dev, Product Owner Advanced IT Monkey ✭✭✭
    @Filip_Theyssens
    may be best if you share your custom.css file with us.

    Thanks
Sign In or Register to comment.