How to add custom pop up message on SailPoint Landing Page

IdentityIQ (IIQ) IIQ Community Knowledge Base
1

image
image1857×830 47 KB

image
image1692×403 23.3 KB

Code Reference:

<div class="modal in" id="criticalModal" style="align-items: center; padding-left: 7px; transform: translate(0%, 25%);">
	<div class="modal-dialog">
		<div class="modal-content">
			
			<div class="modal-header" style="padding-bottom: 0px;    background-color: ##c0c307 !important;">
			<h5 class="modal-title" style="font-family: Dubai;font-weight: bold;font-size: 20px;text-align:center;margin-bottom: 12px;">Custom Pop up Message</h5>
			</div>
			
			<div class="modal-body" style=" padding: 25px;">
			<p style="font-family: Dubai; font-size: 12px;">Kindly be informed that SailPoint portal provides access governance capabilities.</p><div class="line-break" style="height: 0.6em;"></div><p style="font-family: Dubai; font-size: 12px;">Write more about your custom message.</p>
			</div>
			<div class="modal-footer" style="padding: 10px;background-color: white;border: none;text-align: center;">
			<button type="button" class="btn btn-danger" style="font-family: Dubai;background-color:#B00020" data-dismiss="modal">Acknowledge</button>
			</div>
			
		</div>
	</div>
</div>

Customization needs to be perfomed on ngAppPage.xhtml page to achive the use case.
3 Likes
3

Why do you need that pop up?

4

SailPoint is a governance product where we can launch access reviews for following least privileged principles, When managers login for access reviews, this custom pop-up messages could be utilized to display any message your management wants to display to make them aware about the importance of performing the review on time, etc

5

Nice !
this will be helpful . this would be more helpful if created as a plugin .

2 Likes
6

Sure , will try to create a plugin out of it :smiley:

7

Nice!! would be more helpful as a plugin.

1 Like
8

Thanks @abhishek_chowdhury for your advice :grinning:

9

Is this all we have to do to get that message to pop-up is just copy and paste the code from above into the ngAppPage.xhtml and it will work @Saket95606 ?

It is not working for me when I hit the SailPoint page.

10

Good one and nice!
@Saket95606