Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

How to change Carousel content in workspace

dagarson
Tera Guru

Hello I am kinda new to ui builder and have been trying to figure out how to change the filtering of these Carousels in the hr workspace.

Screenshot (1).png

 

I thought when I updated the filtering of the scorecards the Carousels would follow that value but it doesnt seem to. Any assistance would be appreciated thank you.

1 ACCEPTED SOLUTION

James Chun
Kilo Patron

Hi @dagarson,

 

I am assuming that you are looking at the correct variant of the page (the one that you cloned from OOB landing page).

 

The carousel gets in configuration from a corresponding Card List Configurations [sn_hr_agent_card_config] record.

 If you open the list of [sn_hr_agent_card_config], you will see there are a few records that correspond to each carousel on the landing page.

JamesChun_0-1715503827325.png

Open a record and modify its condition (and other fields if necessary) so that it is consistent with the corresponding scorecard's filter.

 

Before change

JamesChun_1-1715503884162.png

After change

JamesChun_2-1715503928470.png

 

Unfortunately, I couldn't find any official documentation/article on this but was able to reverse-engineer it via:

  • Open UI Builder
  • Select the Repeater component

JamesChun_3-1715504104042.png

In the Data array  configuration, we can see that it's getting its data from 

@data.getlandingpagecards_all.output.cards
JamesChun_4-1715504151183.png

 

  • Open the Data Resource pane by selecting the Data icon at the bottom left of the page
  • Select getlandingpagecard_all under Data resource list
JamesChun_5-1715504234940.png

 

  • We can see that it gets its query condition from a record with sys_id of bafdff1577073010a875bbdbef5a99be
  • Using SN Util Chrome plugin, search the sys_id

Hope that helps, cheers

 

 

 

 

View solution in original post

3 REPLIES 3

Sid_Takali
Kilo Patron
Updated video for Vancouver: https://youtu.be/lOoVB0NFNCc Modifying the overview section of the Service Operations Workspace homepage. https://incident.do Michael Culhane

James Chun
Kilo Patron

Hi @dagarson,

 

I am assuming that you are looking at the correct variant of the page (the one that you cloned from OOB landing page).

 

The carousel gets in configuration from a corresponding Card List Configurations [sn_hr_agent_card_config] record.

 If you open the list of [sn_hr_agent_card_config], you will see there are a few records that correspond to each carousel on the landing page.

JamesChun_0-1715503827325.png

Open a record and modify its condition (and other fields if necessary) so that it is consistent with the corresponding scorecard's filter.

 

Before change

JamesChun_1-1715503884162.png

After change

JamesChun_2-1715503928470.png

 

Unfortunately, I couldn't find any official documentation/article on this but was able to reverse-engineer it via:

  • Open UI Builder
  • Select the Repeater component

JamesChun_3-1715504104042.png

In the Data array  configuration, we can see that it's getting its data from 

@data.getlandingpagecards_all.output.cards
JamesChun_4-1715504151183.png

 

  • Open the Data Resource pane by selecting the Data icon at the bottom left of the page
  • Select getlandingpagecard_all under Data resource list
JamesChun_5-1715504234940.png

 

  • We can see that it gets its query condition from a record with sys_id of bafdff1577073010a875bbdbef5a99be
  • Using SN Util Chrome plugin, search the sys_id

Hope that helps, cheers

 

 

 

 

That is exactly what I was looking for thank you.