I am implementing a search box using the Search Input Widget. But the search icon is not appearing as expected in the input box. Could anyone please help me troubleshoot this? I have issues with some other icons also in other pages. Some works fine. I am using outsystems 10.0.1013.0. Attached is the screen shot of the search box.
Hello there
Can you provide an oml with the issue this looks like it is not getting the style (font awesome icons)
Carlos Gonçalves wrote:
I am sorry Carlos. I am not at liberty to share the oml. Do you have any suggestions without going through the oml?
Sruthi N wrote: Another thing I found is that everywhere there is an import "
SyntaxEditor Code Snippet
@import url(/RichWidgets/Theme.FontAwesome.css);
". But I am not able to find "Theme.FontAwesome.css" file in the specified path. Is that an issue?
Sruthi N wrote: The file Theme.FontAwesome.css is not being loaded on those pages where the icons are appearing as square. Do anyone know why this is happening?
Hi Sruthi,
Most times I see this issue, it has to do with internet connectivity. The Font Awesome icons are a web font and when you cannot download it you get squares instead of the icons.
Do you see this behaviour in Service Studio? at runtime in your browser? or both?
Are you developing behind a firewall or Proxy that could prevent Service Studio from downloading the font? Or are you users accessing your application from behind a firewall or proxy that could be preventing the browser from downloading the font?
Jorge Martins wrote: Hi Jorge,
I can see this behaviour in Service Studio as well as at runtime in browser. Where ever it is not found in browser, there we cannot find it in Service Studio also. I am developing behind a corporate firewall and proxy. Also I have found a solution to this. In my application CSS, I import the Font Awesome file. This has solved the issue for me.