Difference between revisions of "CUI Components"

From AgileApps Support Wiki
Line 1: Line 1:
==ace-app-nav-list==
==ace-app-nav-list==
===Overview===
It will list down all the objects and web tabs which are configured in users tab preferences.<br>
It will list down all the objects and web tabs which are configured in users tab preferences.<br>
'''Selector''': <code><ace-app-nav-list></code><br>
'''Selector''': <code><ace-app-nav-list></code><br>
Line 6: Line 7:
<ace-app-nav-list></ace-app-nav-list>
<ace-app-nav-list></ace-app-nav-list>
</pre>
</pre>
===API===
Following attribute is available for ace-app-nav-list tag.
Following attribute is available for ace-app-nav-list tag.
:{| border="1" cellpadding="5" cellspacing="1"|
|- align="center"
! Attribute !! | Description
|-
| css-classlist || It helps to specify css class(es) for the tag. Use whitespace to separate Multiple css classes.
|}
Following events are dispatched by the ace-app-tabs-list tag:
:{| border="1" cellpadding="5" cellspacing="1"|
|- align="center"
! Event !! | Description
|-
| selectionchange || Event dispatched on clicking a row.
|-
| load || Event dispatched on loading the component. This provides the list of objects for the active application.
|}

Revision as of 05:26, 18 October 2023

ace-app-nav-list

Overview

It will list down all the objects and web tabs which are configured in users tab preferences.
Selector: <ace-app-nav-list>
Use the following code to render the component:

<ace-app-nav-list></ace-app-nav-list>

API

Following attribute is available for ace-app-nav-list tag.

Attribute Description
css-classlist It helps to specify css class(es) for the tag. Use whitespace to separate Multiple css classes.

Following events are dispatched by the ace-app-tabs-list tag:

Event Description
selectionchange Event dispatched on clicking a row.
load Event dispatched on loading the component. This provides the list of objects for the active application.