UI Builder Queries Series !!

SandeepKSingh
Kilo Sage

Hi Team,

 

I am working on UI builder and I have lot of doubts to be covered. I will adding my questions here I will be bombarding the questions here as since 4 month I didn't ask anything as I was suffering for Typhoid and was super weak. 
Now I am Back .. please Help me with Answers.

1. How I can add Cards and how to use repeaters in UI BUILDER.

2 ACCEPTED SOLUTIONS

Dr Atul G- LNG
Tera Patron
Tera Patron

HI @SandeepKSingh 

Greetings!!

 

I hope you are doing well now and fully recovered. Please take care of your health.

 

https://www.youtube.com/watch?v=JDzBVIsPjs8

 

https://www.servicenow.com/docs/bundle/yokohama-application-development/page/administer/ui-builder/c...

 

https://www.servicenow.com/community/next-experience-articles/ui-builder-component-s-cards/ta-p/2738...

 

https://devportaluat.service-now.com/dev.do#!/reference/next-experience/vancouver/now-components/sn-...

*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.

Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]

****************************************************************************************************************

View solution in original post

Join the developer program team as we use the new repeater component, introduced in the San Diego release, to build an experience.

Ravi Gaurav
Giga Sage
Giga Sage

Awesome You are Back @SandeepKSingh .

Coming back to your question.. we have a card components in the UI Builder "card based Container" you can use that to store your data in the card , 
You need to create a data resource like get incident data (use some filter) and add component called repeater that act as a Loop of data and use data binding pill option to dynamically Populate..

check some youtube videos that will help

--------------------------------------------------------------------------------------------------------------------------


If you found my response helpful, I would greatly appreciate it if you could mark it as "Accepted Solution" and "Helpful."
Your support not only benefits the community but also encourages me to continue assisting. Thank you so much!

Thanks and Regards
Ravi Gaurav | ServiceNow MVP 2025,2024 | ServiceNow Practice Lead | Solution Architect
CGI
M.Tech in Data Science & AI

 YouTube: https://www.youtube.com/@learnservicenowwithravi
 LinkedIn: https://www.linkedin.com/in/ravi-gaurav-a67542aa/

View solution in original post

7 REPLIES 7

Dr Atul G- LNG
Tera Patron
Tera Patron

HI @SandeepKSingh 

Greetings!!

 

I hope you are doing well now and fully recovered. Please take care of your health.

 

https://www.youtube.com/watch?v=JDzBVIsPjs8

 

https://www.servicenow.com/docs/bundle/yokohama-application-development/page/administer/ui-builder/c...

 

https://www.servicenow.com/community/next-experience-articles/ui-builder-component-s-cards/ta-p/2738...

 

https://devportaluat.service-now.com/dev.do#!/reference/next-experience/vancouver/now-components/sn-...

*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.

Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]

****************************************************************************************************************
Join the developer program team as we use the new repeater component, introduced in the San Diego release, to build an experience.

Thanks @Dr Atul G- LNG  for showing concern..
I feel like the videos are very Vast for someone is staring the UI builder. Do you have any videos where you explained it?

Hi @SandeepKSingh 

 

No, mate. I am still learning UI builder and taking time to come up with a series, so sorry for this.

*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.

Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]

****************************************************************************************************************

Ravi Gaurav
Giga Sage
Giga Sage

Awesome You are Back @SandeepKSingh .

Coming back to your question.. we have a card components in the UI Builder "card based Container" you can use that to store your data in the card , 
You need to create a data resource like get incident data (use some filter) and add component called repeater that act as a Loop of data and use data binding pill option to dynamically Populate..

check some youtube videos that will help

--------------------------------------------------------------------------------------------------------------------------


If you found my response helpful, I would greatly appreciate it if you could mark it as "Accepted Solution" and "Helpful."
Your support not only benefits the community but also encourages me to continue assisting. Thank you so much!

Thanks and Regards
Ravi Gaurav | ServiceNow MVP 2025,2024 | ServiceNow Practice Lead | Solution Architect
CGI
M.Tech in Data Science & AI

 YouTube: https://www.youtube.com/@learnservicenowwithravi
 LinkedIn: https://www.linkedin.com/in/ravi-gaurav-a67542aa/