02 Dec, 2024

Part 30: Add Pagination to EVAM Data Set

Create State variables pageSize – Number – 3 pageCursor – String – Blank pageNumber – Number – 1 Add Client Script to Handle Navigation Goto Page Scripts Click +Add Give name as Handle Pagination Copy Following code snippet Basically in this script we are setting the state of these variables to the one we received latest from the […]

1 min read

Part 29: Add Navigation to your EVAM component Items

Handle Navigation Event Remember, we added sys_declarative_action for the navigation for our EVAM Definition. Let’s dispatch the event now from the component when someone clicks on the item in the data set. Select Body from the content window Goto Events > Handled Events Click Add and Configure the following Dispatch event Select Data Set 1 from the content window Goto Config properties […]

1 min read

Part 28: Understand EVAM template

Let’s look at the final page after we have added the EVAM component on the Catalog page and understand how different details are showing up EVAM template sources For highlighted header background color check what different options are available HERE For the icons, check what options are available HERE. Let’s check the snippet below Imagetype could be “avatar”, […]

1 min read

Part 27: Create EVAM Component in UIB

Navigate to UI Builder Navigate to Now Experience Framework > Experiences. Open the Experience for Panda Tech. On the right side of the form, Besides the Admin panel, Click on the (i) Icon to open the Admin panel. Click Open UI Builder. Alternatively, Navigate to Now Experience Framework > UI Builder. From My experience, Click Panda Tech Add Data Row Component Select Cat […]

3 mins read

Part 25: Create catalog homepage using EVAM component

About EVAM (Entity View Action Mapper) Component EVAM, A Component is a very useful component to display cards/lists of items from any tables with simple configurations. It comes by default with pagination and list/grid view which can be toggled with simple buttons. In summary, EVAM can help you deal with repeating data in cards. Hide […]

2 mins read