Removing up/down icons from autocomplete
Using Pega 7.1.8.
In the presentation of an OOTB autocomplete input control, the up/down icons always show on the widget.
Is it possible to remove them or change them to be the small blue triangle? (like we sometimes see within Pega Designer Studio) -- but not tied a specific Rule Control...
Accepted Solution
Learning
IN
Hello Rob,
Thanks for writing your query in Product Support Community.
Kindly follow the below steps to remove the icons of an autocomplete:-
1) Open your "userworkform" in your designer studio.
2) Kindly copy the below snippet in your 'userworkform'
<style>
.autocomplete_span{
display : none !important
}
</style>
Hope this helps.
Thanks & Regards,
Hari
Serialized Solutions Inc
CA
Hi Hari,
thank you for the response. And yes, it worked like a charm. thank you.
As a follow up, is there a way to change it to a different image?
thank you,
Rob
Learning
IN
Hello Rob,
Thanks for your response.
Kindly try the below code snippet to change the icon to different image:-
Copy the below code snippet in userworkform:-
<style>
.autocomplete_icon{
background: transparent url("webwb/pxuigallerysearchicon_12805007694.png!!.png") no-repeat scroll 100% 50% !important;
}
</style>
Note:- Change the background url as per your requirement for the specific icon.
Thanks & Regards,
Hari Chalamala.
Serialized Solutions Inc
CA
Hari,
thank you, yet again!
one last follow up question. How did you know what style entries (.autocomplete_span and .autocomplete_icon) were available? and is there an exhaustive list of what is available/possible? (granted, not necessarily to be the first spot to look for solutions).
thanks,
Rob