Generally, a profile page contains:
The page is located on the dedicated portal node.
To configure breadcrumbs correctly, it is preferable to use the attribute values as in the example below (type these values in the Template field of the <breadcrumbs> widget form):
<div class="portal__breadcrumbs customized"> <breadcrumbs> </div> |
After that, you can define the breadcrumbs view in the CSS field of this form:
Breadcrumbs CSS
.customized { font-family: Tahoma,Verdana,Segoe,sans-serif; } |
Generally, a profile widget looks like a set of cards displaying information about the employee. To use this widget, add it to the get instance configured on the appropriate page by selecting from the widget dictionary (select the Profile Widget item from the list).
To add or delete cards, modify a widget template in the Template field. In this example, we are adding a card displaying some fields related to an employee
<div class="card-header__full__info"> <div class="card-header__full-name">{data.name}</div> <div class="card-header__job-title">{data.professionalPosition}</div> <div class="card-header__company">{data.company}</div> </div> |
After that, define server and client logic for these fields in the Server Script and Client Script fields, respectively.
const user = new SimpleRecord('employee'); user.get(ss.getUserID()); data.name = `${user.first_name} ${user.middle_name} ${user.last_name}`; data.professionalPosition = user.job_title; data.company = user.getDisplayValue('company'); |