How do I modify the size of the pi-caret-down icon for Multi-select?
Hi,
I would like to modify the size of the down icon of the Multi-Select control. I am able to modify the dropdown control down icon, and apparently, the icon for the Multi-Select control is different.
I have checked up some posts and they mentioned about the uikit-icons.woff, uikit-icons.woff2 and the Uikit7icons.png.
I can see the down icon in the "Uikit7icons.png", but what about the uikit-icons.woff, uikit-icons.woff2?
I would really appreciate it if someone could advise on:
1) When and how are each of those 3 files being used?
2) Would I be able to not overwrite the image, but change the size of the image to display the icon bigger? How can this be done?
I am using Pega 7.4.
Thanks and regards,
Jacky
Accepted Solution
Pegasystems Inc.
IN
Hello Jacky,
Thanks for posting your query in PSC :)
Could you try pasting below in UserWorkForm rule and verify the Multiselect control increases in size.
<style>
i.pi.pi-caret-down{
font-size: 25px;
color: blue;
}
div.container-multiselect{
background-color: pink;
font-size: 45px;
height: 35px;
}
</style>
PS: Adjust the size as per your business requirement. Also, remove the background-color attribute.
Regards,
Rincy