15 Nov, 2024
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…
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…
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…
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…
Navigate to View Config Navigate to Entity View Action Mapper (EVAM) > View Configurations Click Catalog items list On the right side of the form, Click View Template Click New Fill in the…

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 26. EVAM Component template

Navigate to View Config Navigate to Entity View Action Mapper (EVAM) > View Configurations Click Catalog items list On the right side of the form, Click View Template Click New Fill in the fields, as appropriate name – catalog-item-template active – true Click Submit Open the template we created Let’s update the template JSON as following We will go […]

1 min 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

Predictive Intelligence in Flow Designer

Flow designer today serves as a visual, low/no-code way to describe business logic on the Now platform. Using the latest update in the Quebec release, the Now platform has exposed the ability for end-users to make predictions using previously trained models in those workflows. Steps to use this feature: Activate Predictive Intelligence plugin Activate Predictive […]

1 min read

Part 24: Refresh comments data broker

Hook Event to update the comment Goto Nested comments 1 component Select event section Click + Add a new event handler Goto Retrieve knowledge comment 1 > execute Click Add Click Save Check the result Open https://<instance-name>.service-now.com/now/panda_tech/knowledge-article/params/sys-id/f27d7f79c0a8011b0018f9d700d2b9aa Post a comment Newly added comment should be available immediately Great!! We have successfully used refresh from Retrieve […]

1 min read

Part 23: Add data broker to save comments

Add Data Broker to add comments Goto Data resources Click + Add Search with keyword insert knowledge Select Insert knowledge comment Click Add Add Event to Nested comments component From the content section, select Nested comments 1 component we created in the last post From configurations, Select event Click + Add a new event handler […]

1 min read

Part 22: Nested comment for knowledge article

Navigate to knowledge article page and Add container for nested comments section Open on knowledge article page from UI Builder. From the Content section, After the Container 2. Click (+) toadd component to the container. In search box, type Container and select Add. Keep the default layout Add Nested comments component to this container Click […]

1 min read