1. Service Portal Introduction
  2. Service Portal Training Content
  3. Service Portal Object
  4. Portal Backend Structure
  5. Portal Module & Element
  6. Service Portal Configuration
  7. Build a new Portal
  8. Create Header Menu
  9. Data Preview from Server Side to HTML
  10. HTML Basic
  11. Get Incident Data & Show in a table
  12. Call HTML to Client Script
  13. Call Server Side Script for Action
  14. ServiceNow OOB Widget Provide for Portal
  15. Javascript popup VS SPModal
  16. spUtil – Client Dependency Service Portal
  17. Widget Embedded
  18. Send data from one widget to another
  19. GlideSPScriptable API on Server Side
  20. Angular Template
  21. $location, $timeout, $uibModal & $watch Services
  22. Use HTTP Service or REST Call on ServicePortal
  23. Angular Directive & Angular Filter
  24. Create a custom list widget with pagination, order, and filter
  25. ServiceNow Custom Component(Reference & Date Fields) in Service Portal
  26. Localization
  27. Create Own Theme
  28. Angular Provider & Dependency
  29. Service Portal Additional Details

Today I will show you normal popup VS spModal popup

1. spModal alert-


<button ng-click="c.onAlert()" class="btn btn-default">Alert</button>

Client Script:

spModal.alert('How do you feel today?').then(function (answer) {
            c.simple = answer;

2. spModal Confirm –

spModal.confirm("Can you confirm or deny this?").then(function(confirmed) {
            c.confirmed = confirmed; // true or false

3. spModal Open –

            title: 'Give me a name',
            message: 'What would you like to name it?',
            input: true,
            value: c.name
        }).then(function(name) {
            c.name = name;

4. spModal open widget –

            title: 'Displaying widget ',
            widget: 'widget-form', 
            widgetInput: {sys_id:sysId ,table: c.options.tableName}
            console.log('widget dismissed');

5. spModal with more options:

var options = {
	title: i18n.getMessage("Test"),
	headerStyle: {
		border: 'none'
	footerStyle: {
		border: 'none'
	message: "<p>Hello</p>",
	buttons: [{
		label: i18n.getMessage("Cancel"),
		value: "cancel",
		"class": "cancel"
	}, {
		label: i18n.getMessage("Ok"),
		primary: true,
		value: "ok",
		"class": "ok"
spModal.open(options).then(function(confirm) {
			if (confirm.value == "ok") { 
			    // take action 
			} });

One response

  1. Hi, I am having difficulties with this and could use some tutoring, would you happen to have a way for me to contact you and I am willing to pay you for your time. A little bit of background on my side, I am an associate-level NOW developer out of VA, USA. Thanks

Leave a Reply

Your email address will not be published. Required fields are marked *