Question
Skandiabanken
SE
Last activity: 18 Nov 2018 2:17 EST
Remove Dropdown menu option in dynamic container
Is it possible take away the drop down-arrow, which appears at the right corner in the header part of dynamic container .Attached the image for reference .
***Edited by Moderator Marissa to update platform capability tags****
-
Like (0)
Dharanidharan G venu kampalapalli -
Share this page Facebook Twitter LinkedIn Email Copying... Copied!
Pegasystems Inc.
FR
Hello,
I do not see it on my Dynamic Container test here. What version of Pega is it?
Skandiabanken
SE
It's 7.3.1
Skandiabanken
SE
It's default behavior of dynamic container ,Just try to open multiple rules in designer studio you will see list of open tabs in menu on right side of header.
Is it possible to suppress it?
Pegasystems Inc.
US
You can use custom CSS to hide it. Just open Developers tools to find out the class on the dropdown and then hide it.
Skandiabanken
SE
Agree ,It can be done through CSS class , Can you give me respective name if it's handy .
Skandiabanken
SE
I found snippet (Attached snapshot) for displaying menu but no idea how to make CSS class to hide or override it in userworkform or harness. It would be great if anybody can make CSS code for the same while i'm trying it .
Pegasystems Inc.
US
Can you try the below css and check once.
.Temporary_top_tabs{
visibility:hidden;
}
Skandiabanken
SE
It didn't work as nothing is displaying on screen after applied above style.
Areantans
AU
you have to write your own control.
Skandiabanken
SE
How to do we get rid of menu option of dynamic control through Control ? I hope,it can be controlled through CSS class or style .
Skandiabanken
SE
Any workaround to achieve it ?
Pegasystems Inc.
US
Hi, From the screenshot you provided with the dom, I am going to say that you could try few more css tweaks
1)
.Temporary_top_tabs .tab-li {
opacity: 0;
}
2)
.Temporary_top_tabs .tab-li a {
opacity: 0;
}
Hi, From the screenshot you provided with the dom, I am going to say that you could try few more css tweaks
1)
.Temporary_top_tabs .tab-li {
opacity: 0;
}
2)
.Temporary_top_tabs .tab-li a {
opacity: 0;
}
or you could try this as well
1)
.Temporary_top_tabs .tab-li {
display: none;
}
2)
.Temporary_top_tabs .tab-li a {
display: none;
}
Let me know if this is still not working.
-
Raju Botu
Skandiabanken
SE
It's not working for my custom tab format .It's not showing anything just white bar . .
.Custom_Tab_View .tab-li a{
display: none;
}
Pegasystems Inc.
US
I tried with below CSS and it worked for me.
<style>
a[aria-label="Currently open"]{
display: none;
}
</style>
Kindly verify this at your end and let us know the outcome.
-
Priyanka Sarkar