238
Views
6
Comments
Solved
Change Message Layout
Application Type
Reactive
Service Studio Version
11.10.17 (Build 41113)

You need to change the layout of the message, but I can't find the specific component for this change.


Can anyone help me ?, I want to add an icon on the right side and center the text. The centering part was achieved via jquery, but the icon on the right side is having problems.

2022-08-24 20-30-41
Carlos Eduardo Baldo
Solution

I managed to solve by placing an image, so the icon is not changed.

2022-10-04 08-22-17
Aniq

Greeting, 
Ma I know how do you manage to change the icon and replace with another icon/image? Thank you in advance.

2024-01-26 16-31-11
Bryan Minton
 
MVP

Hi Carlos,

Here is the documentation on the feedback message, you could call the showFeedbackMessage via JavaScript and create a CSS class to better format your feedback message

https://success.outsystems.com/Documentation/11/Reference/OutSystems_APIs/JavaScript_API/FeedbackMessage#showfeedbackmessage

Let me know if this helps!

-Bryan 

2022-08-24 20-30-41
Carlos Eduardo Baldo

Changing the style is not the problem but adding new elements, in my case an icon, which according to the structure it inherits the same style as the standard icon that is already in the feedback message.


2021-03-18 21-03-15
Benjith Sam
 
MVP

Hi Carlos,

For the mentioned use case, I would suggest you to refer this airtcle Animated and Styled OutSystems Dialog Messages  written by our own OutSystems MVP Rúben Bonito

Hope this helps you!


Kind regards,

Benjith Sam

2022-08-24 20-30-41
Carlos Eduardo Baldo

Hi Benjith


Very good article, but sweet alert does not have this effect on mobile unfortunately, I will try to change it by jquery.



2022-08-24 20-30-41
Carlos Eduardo Baldo
Solution

I managed to solve by placing an image, so the icon is not changed.

2022-10-04 08-22-17
Aniq

Greeting, 
Ma I know how do you manage to change the icon and replace with another icon/image? Thank you in advance.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.