How to insert alerts in "Themler for HTML"

johansantamaria
24 Posts
johansantamaria posted this 12 January 2016

Hi Support Team,

I'm using "Themler for HTML".

Do you have any idea how we can insert an alert (like error, information, warning or succes) on a webpage.
I added a screeshot of the alerts as attachment in this question.

Can it be done via the UI interface of "Themler for HTML"?
If not, can you explain me how I can insert alerts (error, information, warning or succes) via HTML tags?

Thanks!

Kind Regards,
Johan Santamaria

Hi Support Team, I'm using "Themler for HTML". Do you have any idea how we can insert an alert (like error, information, warning or succes) on a webpage. I added a screeshot of the alerts as attachment in this question. Can it be done via the UI interface of "Themler for HTML"? If not, can you explain me how I can insert alerts (error, information, warning or succes) via HTML tags? Thanks! Kind Regards, Johan Santamaria

Last edited 12 January 2016 by johansantamaria

Vote to pay developers attention to this features or issue.
5 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 12 January 2016

Hi,

Those are Bootstrap classes, you can use them as explained in the Bootstrap documentation:
http://getbootstrap.com/css/#helper-classes-backgrounds

Sincerely,
Hella

Hi, Those are Bootstrap classes, you can use them as explained in the Bootstrap documentation: http://getbootstrap.com/css/#helper-classes-backgrounds Sincerely, Hella
johansantamaria
24 Posts
johansantamaria posted this 12 January 2016

Hi Hella,

In Themler we can design the layout (bg-color, fontcolor, ...) for

  • warning-messages
  • error-messages
  • information messages
  • success-messages

The thing I want to do is, for example, adding a piece of text in a themler-html-control and specify a class that corresponds to the correct alert-class (in CSS) --> so that that piece of text has exaxtly the same layout as specified alert (the same fontcolor, backgroundcolor, border, padding, etc ...)

If i (later on) change the layout of the error-message in themler, then all my error-messages are updated automatically.

So basically, I need the corresponding "css class-name" for each alert (warning, error, information and success) that we can design in Themler.
The classnames on the link you gave me, are not the same classes as Themler is using. So If I change the style of the success-message, the style is not applied on my messages because i'm using probably the wrong class name.

Can you give the correct classnames to me?
Thanks!

Kind Regards,
Johan Santamaria

Hi Hella, In Themler we can design the layout (bg-color, fontcolor, ...) for - warning-messages - error-messages - information messages - success-messages The thing I want to do is, for example, adding a piece of text in a themler-html-control and specify a class that corresponds to the correct alert-class (in CSS) --> so that that piece of text has exaxtly the same layout as specified alert **(the same fontcolor, backgroundcolor, border, padding, etc ...)** If i (later on) change the layout of the error-message in themler, then all my error-messages are updated automatically. So basically, I need the corresponding "css class-name" for each alert (warning, error, information and success) that we can design in Themler. The classnames on the link you gave me, are not the same classes as Themler is using. So If I change the style of the success-message, the style is not applied on my messages because i'm using probably the wrong class name. Can you give the correct classnames to me? Thanks! Kind Regards, Johan Santamaria

Last edited 12 January 2016 by johansantamaria

Support Team
Support Team posted this 19 January 2016

Hi,

I'm terribly sorry for the delay.

Please use the following classes:
Warning alert-warning
Error alert-danger
Information alert-info
Success alert-success

Sincerely,
Hella

Hi, I'm terribly sorry for the delay. Please use the following classes: Warning `alert-warning` Error `alert-danger` Information `alert-info` Success `alert-success` Sincerely, Hella
johansantamaria
24 Posts
johansantamaria posted this 19 January 2016

Hi Hella,

Thanks for your answer, but i'm missing something.

I attached 3 screenshots in this reply. The goal is to create custom errormessages that looks exactly like the "example errormessage" in the Design-part of Themler.

  • themler-errormessage-design.jpg: That's the Design-window where we can change the layout of the errormessages --> you see that I created a red border in the message, and that there is an amount of padding between the text and the border.
  • themler-custom-errormessage.jpg: Here you see how it looks like if I insert a paragraph in the HTML-Control. --> You see that the border is missing and also the padding is missing.
  • themler-custom-errormessage-HTML.jpg: Here you see the HTML-code that I used.

My question is: How can I get exactly the same errormessage as designed in the Design-window in Themler? If I, in the Design-window, change for example the border-width of the errormessage, the changed border should also be applied on the custom error-message that I created in the HTML-control.

Can you help me with this one? Probably I'm missing something.

Thanks!

Kind Regards,
Johan Santamaria

Hi Hella, Thanks for your answer, but i'm missing something. I attached 3 screenshots in this reply. The goal is to create custom errormessages that looks exactly like the "example errormessage" in the Design-part of Themler. - themler-errormessage-design.jpg: That's the Design-window where we can change the layout of the errormessages --> you see that I created a red border in the message, and that there is an amount of padding between the text and the border. - themler-custom-errormessage.jpg: Here you see how it looks like if I insert a paragraph in the HTML-Control. --> You see that the border is missing and also the padding is missing. - themler-custom-errormessage-HTML.jpg: Here you see the HTML-code that I used. My question is: How can I get exactly the same errormessage as designed in the Design-window in Themler? If I, in the Design-window, change for example the border-width of the errormessage, the changed border should also be applied on the custom error-message that I created in the HTML-control. Can you help me with this one? Probably I'm missing something. Thanks! Kind Regards, Johan Santamaria
Support Team
Support Team posted this 20 January 2016

Hi,

Indeed, there are some other classes required. Please use the following combinations:

Warning bd-warningmessage-1 alert alert-warning
Error bd-errormessage-1 alert alert-danger
Information bd-informationmessage-1 alert alert-info
Success bd-successmessage-1 alert alert-success

Sincerely,
Hella

Hi, Indeed, there are some other classes required. Please use the following combinations: Warning `bd-warningmessage-1 alert alert-warning` Error `bd-errormessage-1 alert alert-danger ` Information `bd-informationmessage-1 alert alert-info` Success `bd-successmessage-1 alert alert-success` Sincerely, Hella
You must log in or register to leave comments