The search icon in the OutSystems UI (for ODC) is no longer displayed in the search block.
It seems like this CSS is missing:
.input-search:after { color: var(--color-neutral-6); content: var(--osui-icon-search); font-family: var(--osui-icon-font-family); left: var(--space-base); pointer-events: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
Hi @Stuart Harris ,
I tried both inputs: Interaction\InputWithIcon and Interaction\Search, and the icon is displayed correctly in both cases.
Could you please let us know which OutSystems UI version you are currently using? I’m using version 2.30.0 for testing.
Try to add this CSS
Hi @Stuart Harris If you want search icon or any icon in input field use Input with icon Widget from Outsystems UI. Follow this documentation for more info Input With Icon
Thanks for the reminder Stuart.
This issue can be fixed via CSS or by updating to the latest version.
Thanks everyone, please note I actually posted the CSS in the original post.
Also this is the search widget which is separate from the input with icon widget.
Its more that it was missing in a recent version of OutSystems UI, which thankfully has now been addressed with the latest version 2 days ago.
Cheers,
Stuart