Difference between revisions of "Theme Components"

From AgileApps Support Wiki
()
Line 77: Line 77:


$ace-object-views-list-background-color-focus: #fff;
$ace-object-views-list-background-color-focus: #fff;
</pre>
==<ace-record-actions>
Following variables are available for customization:
:{| border="1" cellpadding="5" cellspacing="1"|
|- align="center"
! Variable !! | Default value !! | Description
|-
| $ace-record-action-list-background-color || #f8f9fa || Sets the record actions background color.
|-
| $ace-record-action-list-border-focus || 1px solid #6200ee || Sets the border property in focus mode.
|-
| $ace-record-action-list-background-color-focus || #f8f9fa || Sets the record actions background color in focus mode.
|}
You can assign different values to each of the above variables as follows:
<pre>html
$ace-record-action-list-border-focus : 1px solid #00ff00;
$ace-record-action-list-background-color-focus: #fff;
</pre>
</pre>

Revision as of 08:49, 20 October 2023

<ace-activity-history>

Following variables are available for customization:

Variable Default value Description
$ace-activity-history-date-color #6200ee Sets the color property of date in activity history.
$ace-activity-history-timeline-divider-color #6200ee Sets the divider color in activity history.
$ace-activity-history-icon-border-radius 50% Sets the icon button border radius property in activity history.
$ace-activity-history-time-line-color #6200ee Sets the color property of timeline in activity history.
$ace-activity-history-image-border-color #6200ee Sets the border color property of image in activity history.
$ace-activity-history-image-box-shadow-color #6200ee Sets the box shadow color property of an image in activity history.

You can assign different values to each of the above variables as follows:

html
$ace-activity-history-date-color : #00ff00;

$ace-activity-history-icon-border-radius: 20%;

<ace-app-nav-list>

Following variables are available for customization:

Variable Default value Description
$ace-app-nav-list-background-color #f8f9fa Sets the background color property.
$ace-app-nav-list-background-color-focus #f8f9fa Sets the background color property in focus mode.
$ace-app-nav-list-border-focus 1px solid #6200ee Sets the color in focus mode.
$ace-app-nav-list-active-item-background-color #6200ee Sets the background color in active mode of the item.

You can assign different values to each of the above variables as follows:

html
$ace-app-nav-list-border-focus : 1px solid #00ff00;

$ace-app-nav-list-active-item-background-color: #fff;

Bookmark

Following variable is available for customization:

Variable Default value Description
$ace-lib-bookmark-max-height 100% This reflects the inner height of the bookmark list. If the list increases beyond the mentioned height value, the scroll-bar appears for that list.

<ace-object-views-list\>

Following variables are available for customization:

Variable Default value Description
$ace-object-views-list-background-color #f8f9fa Sets the view list background color.
$ace-object-views-list-border-focus 1px solid #6200ee Sets the border property in focus mode.
$ace-object-views-list-background-color-focus #f8f9fa Sets the view list background color in focus mode.

You can assign different values to each of the above variables as follows:

html
$ace-object-views-list-border-focus : 1px solid #00ff00;

$ace-object-views-list-background-color-focus: #fff;

==<ace-record-actions> Following variables are available for customization:

Variable Default value Description
$ace-record-action-list-background-color #f8f9fa Sets the record actions background color.
$ace-record-action-list-border-focus 1px solid #6200ee Sets the border property in focus mode.
$ace-record-action-list-background-color-focus #f8f9fa Sets the record actions background color in focus mode.

You can assign different values to each of the above variables as follows:

html
$ace-record-action-list-border-focus : 1px solid #00ff00;

$ace-record-action-list-background-color-focus: #fff;