Question
international sos
ES
Last activity: 23 May 2019 10:41 EDT
Change Dynamic Layout Group "Menu" bg colors and icons
Hi folks
Sometimes my Dynamic Layout Group change the appereance like the picture attached (clipboard2.png). So, Do you know how to change the icons and background (orange marked) to the same color I used for the control? I suppose that it's with custom CSS, but i can't localice tha class affected
Thanks in advance from Spain
Accepted Solution
international sos
ES
Hi guys!
Thanks a lot for your proposals and help. Finally i found the classes affected for the menu at CSS
"div.right-tab-nav-controls"
>> background for the right part
".layout-group-cmb_categories.tab-overflow div.tab-arrow"
>> height of the boxes (arrows and menu)
".pi-caret-left:before, .cmb_categories .pi-caret-right:before, .cmb_categories .pi-caret-solid-down:before"
>> text color (the arrows are actually text)
".cmb_categories .activeTabMenu"
>> text color, bg color and border color for the menu down arrow
Because I don't want to apply this changes to all the screen, it's necessary to take a new id to apply this only at the Layout Menu affected, like karma1 said (Container and Content). You can see the final result at files attached
Thank you guys!
Pegasystems Inc.
IN
Hello,
I have applied the below code in the UserWorkForm:
<style>
.yui-nav.tsb-menu.tab-ul.tab-ul-t.tab-ul-t-ns.subTabsList {
font-weight: 400;
color:#000000!important;
background-color:#ff69b4!important;
}
</style>
Please follow the identification of the class for the css based on the DOM structure as demonstrated in the screenshot provided.
Pegasystems Inc.
AU
Hi Jaime,
You can use below styles for Dynamic layout groups icon and background colors,
- Go To presentation option in Dynamic layout group - Check Display advance presentation options -
- Apply testing11 class in Container css class and content css class of Layout group.
For Left and Right icon:
You can remove !important from below css attributes if you want to see hover effects.
Hi Jaime,
You can use below styles for Dynamic layout groups icon and background colors,
- Go To presentation option in Dynamic layout group - Check Display advance presentation options -
- Apply testing11 class in Container css class and content css class of Layout group.
For Left and Right icon:
You can remove !important from below css attributes if you want to see hover effects.
Accepted Solution
international sos
ES
Hi guys!
Thanks a lot for your proposals and help. Finally i found the classes affected for the menu at CSS
"div.right-tab-nav-controls"
>> background for the right part
".layout-group-cmb_categories.tab-overflow div.tab-arrow"
>> height of the boxes (arrows and menu)
".pi-caret-left:before, .cmb_categories .pi-caret-right:before, .cmb_categories .pi-caret-solid-down:before"
>> text color (the arrows are actually text)
".cmb_categories .activeTabMenu"
>> text color, bg color and border color for the menu down arrow
Because I don't want to apply this changes to all the screen, it's necessary to take a new id to apply this only at the Layout Menu affected, like karma1 said (Container and Content). You can see the final result at files attached
Thank you guys!
