Portal customization
HSNM Front-end Welcome Portal general discussion about HTML, CSS, layout, custom apps, templates

Rate this topic
   Post Reply
2 posts   •   Page 1 of 1
raz
Posts: 1
Joined: 25 Jul 2017, 09:37

Portal customization

by raz » 25 Jul 2017, 10:12

Hey ,
We are trying to customize our portal page ,here are the issues we facing, please help us resolve these questions below:
* How to add placeholder in Login and Password field ?
*How to hide language button(top right side in welcome portal) ?
*How to open pop up in welcome portal.?
We have to open additional popup in welcome portal on click of How To Guide button.
Thank you so much for your response

Alex
Hsnm Support
Hsnm Support
Posts: 50
Joined: 23 Sep 2015, 11:48

Re: Portal customization

by Alex » 26 Jul 2017, 09:03

Hi Raz,
I answer your questions below:

How to add placeholder in Login and Password field ?
It's not possible at the moment because the authentication method could be different and you'll need a different placeholder for any authentication input field (ex. field email: placeholder: insert your email - field:username:placeholder:insert username etc)

How to hide language button(top right side in welcome portal) ?
In the latest version that we released we add this functionality. If in the administration inside the domain setting you ONLY select the default language and you UNCHECK ALL other language you'll notice that the lang switch will be hidden.

How to open pop up in welcome portal.?
We have to open additional popup in welcome portal on click of How To Guide button.

The best way to do what you want is to create a custom app that helps the user to use the system. You just need to enter in the custom app section inside the domain and create your app. Next you need to apply that app to the welcome portal from the domain settings. Inside the app you can add custom html and js or external content. Btw if you want to code it you need to know that this is a tricky functionality and you need a deep knowledge of html and css. You can follow this example in order to achive what you want:
https://codepen.io/imprakash/pen/GgNMXO
Basically you need to refer to the :target property of css and fire that property on a :before  or : after element that was previously created
https://www.w3schools.com/cssref/sel_before.asp
or you can add you custom js inside the login app tab inside the template settings.

Thank you.
Bye!
:)

Rate this topic

Who is online

Users browsing this forum: No registered users and 4 guests

It is currently 28 Mar 2024, 15:19