Sharing Learnings
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 […]
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 […]
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”, […]
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 […]
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 […]
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 […]
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 […]
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 […]
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 […]
Add Event handler to capture the params received from catalog page Navigate to Knowledge Article Page Create a Client script Set the name as Set Ratings Set the following script Understanding the code snippet We are going to create a state called rating to store the rating We are Using Table API using snHttp Service […]
