Hi Comunity...

a application in my development environment

why missing those icons?

other applications are running in good condition?


Best regards 

Leon Liang

liang hualu wrote:

Hi Comunity...

a application in my development environment

why missing those icons?

other applications are running in good condition?


Best regards 

Leon Liang

Hi Liang,

Did you checked the chrome console and also please check by inspecting that element


Regards,

Amreen.


Hello Liang,

"Icons" in OutSystems are just text using a special "font".
You can inspect your page to see if there is an error related to the font download (font awesome).
You can also check if this is an ENCODING problem...

Can you provide a link for a page where this happens so we can take a look?

Cheers.

Hi liang hualu,


Check if you have the reference to : MessageType 



Best Regards,

PVN

Amreen Shaikh wrote:

liang hualu wrote:

Hi Comunity...

a application in my development environment

why missing those icons?

other applications are running in good condition?


Best regards 

Leon Liang

Hi Liang,

Did you checked the chrome console and also please check by inspecting that element


Regards,

Amreen.


yes,I did

Pedro Vila Nova wrote:

Hi liang hualu,


Check if you have the reference to : MessageType 



Best Regards,

PVN

yes,i did

Eduardo Jauch wrote:

Hello Liang,

"Icons" in OutSystems are just text using a special "font".
You can inspect your page to see if there is an error related to the font download (font awesome).
You can also check if this is an ENCODING problem...

Can you provide a link for a page where this happens so we can take a look?

Cheers.

emmm,sorry,I can't provide the page.i already checked the font download,and How to check this ENCODING problem ?


I know its already late for this answer, but someone might experience the same problem.

Before:

After:


I solved it by overriding the feedback CSS.
It seems like they put two options whether to use favicon(default) or image,
maybe because for such situation like this where favicon are not showing.

Just paste the following CSS code on your Theme or Webscreen.  

/* FEEDBACK MESSAGE*/
div.Feedback_Message_Error:before {
    content: " ";
    font: normal normal normal 20px/1 FontAwesome;
    margin-top: 2px;
    position: relative;
    width: auto;
}

div.Feedback_Message_Wrapper img {
    display: block;
}

a.Feedback_Message_Wrapper_Close:before {
    color: var(--color-neutral-0);
    content: " ";
    font: normal normal normal 14px FontAwesome;
    position: relative;
}

a.Feedback_Message_Wrapper_Close {
    right: 8px;
    top: 6px !important;
}

a.Feedback_Message_Wrapper_Close img {
    display: block;
    height: 20px !important;
    width: 20px!important;
}