...
Breadcrumbs configuration
...
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):
| Code Block | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
<div class="portal__breadcrumbs customized"> <breadcrumbs> </div> |
After that, you can define the breadcrumbs view in the CSS field of this form:
Breadcrumbs CSS
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
.customized {
background: #FFFFFF;
padding: 9px 0px 8px 16px;
} |
...
| Code Block | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
<div class="profile-card-header__full__info"> <div class="card-header__full-name">{data.name}</div> <div class="profile-card-header__job-title">{data.professionalPosition}</div> <div class="profile-card-header__company">{data.company}</div> </div> |
...
| Code Block | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
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'); |
...