import html on welcome portal HSNM administration backend general discussion

[razhsnm]

Hi,
We would like to know if we can import html codes on the welcome portal.

Thanks.

Regards,

Jerry

[HSNMSupport]

Hi Jerry
No, you can't import an HTML code on Welcome Portal but on template there are some fields where you can put your HTML code to customize, for example, the top of the Info or Login APP

CustomHTML.jpg

Best regards

[razhsnm]

Hi Support,
Thanks for the reply.
Would we be able to add image and div tag in specific position and in above/below div in login app? 
If possible, please let us know how.
Thanks.
Jerry

[HSNMSupport]

Yes, you can do it adding the Html code inside the "TOP Custom HTML" field

Best regards

[razhsnm]

Hi support,
Thanks for the update.
Our main developer has asked the following below:
- How to add image on login view left side?
- How to add text on image using CSS in login page?
- How to add custom div with CSS class in login view?
- How we apply custom font in login view?
- How we add checkbox ?
- How to add button above image that we add left side of login view ?
Thanks a lot.
Regards,
Jerry

[Alex]

Hi Jerry, 
what you are asking is really elaborate and it require an advance css knowledge. I answer to you for every point requested:
- How to add image on login view left side?
You can add an image or container(div) in every part of welcome portal. We don't let users edit the html of the template for security reasons. The only way to do this is by using CSS. The CSS property that you are looking for is :after and :before you can find some more infos and examples on this link https://www.w3schools.com/cssref/sel_after.asp
- How to add text on image using CSS in login page? 
In the same way of the point before you can create a "virtual " container and set background image to it.
- How to add custom div with CSS class in login view?
Same of point 1
- How we apply custom font in login view?
You can add a custom font to the welcome portal by adding the css property @face-font (here's the link https://www.w3schools.com/cssref/css3_p ... e_rule.asp) . Some of our clients are using google font on welcome portal (just in case you want to take a look : https://developers.google.com/fonts/doc ... ng_started  remember to use the @import on css)
- How we add checkbox ?
Checkbox is part of the html elements and you are not allowed to add/edit html. But want you want to obtain from that? in the hsnm administration there's a checkbox for privacy and terms

- How to add button above image that we add left side of login view ?
Same of point 1
I hope that with this info you can edit your template in the way that you want. 
Thank you.
Alex