ServicePortal !!

[ServiceNowEmp]

How we will design the widget (server script, client controller, and HTML template) to securely fetch and display user-specific records, and handle record viewing in a modal?

[Ravi Gaurav · Accepted solution]

There are Quite a Few Links that will help you:

1. https://www.servicenow.com/docs/bundle/zurich-platform-user-interface/page/build/service-portal/conc...

2. https://www.servicenow.com/docs/bundle/xanadu-platform-user-interface/page/build/service-portal/conc...

3.https://serviceportal.io/docs/

[Ravi Gaurav · Accepted solution]

And Even check this document as well :

[ServiceNowEmp]

Hi @Ankur Bawiskar  and @Ravi Gaurav  I didn't have an Idea.. This is POC .. how shall we start.. any doc or links will help

[Ravi Gaurav · Accepted solution]

There are Quite a Few Links that will help you:

1. https://www.servicenow.com/docs/bundle/zurich-platform-user-interface/page/build/service-portal/conc...

2. https://www.servicenow.com/docs/bundle/xanadu-platform-user-interface/page/build/service-portal/conc...

3.https://serviceportal.io/docs/

[Ravi Gaurav · Accepted solution]

And Even check this document as well :

[Ankur Bawiskar · Accepted solution]

@ServiceNowEmp 

Unless you start from your side, you won't learn.

There are lot of youtube videos, blogs etc for portal.

There is also Portal Fundamentals Course on now learning which you can take.

💡 If my response helped, please mark it as correct ✅ and close the thread 🔒— this helps future readers find the solution faster! 🙏

[reenapatil]

Hi,
Please check the solution to each case

1. Display data in a table format with columns: Request ID, Course Name, Status, Created On.
   Ans:for this you can create a Table in HTML and fetch the records from Server side Script.

2. Allow the user to click on a Request ID to open the record in a modal window (not navigate away).
   Ans: For this use ng-click in Html and then in client script use spModal.Open below is sample example how to use spModal

c.action = function(sys_id){
				spModal.open({
				title: "record details",
				widget: "widget-form",
				widgetInput: {sys_id:sys_id, table:c.table}
}).then(function(){
					alert('close');
				})
		
		
}

• If no records exist for that user, display a message “No training requests found.”Answer: this you need to manage in HTML to check records and length like below

  <div ng-if="!c.data.records || c.data.records.length === 0">
  <p class="text-center">No training requests found.</p>
</div>

• Ensure the data is not exposed to users who manually change the widget parameters via URL tampering.
  Ans: You should not make widget as Public also use acl for this.
  
  Please let me know if you need more information to implement.
  
  If this solves your problem, please mark it as helpful.