cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Learn all about the Community Ranking System, a fun gamification element of the PTC Community. X

HTML content in Model Popup

Abhishek_Tirkey
10-Marble

HTML content in Model Popup

I want to display a model popup after clicking a button.

In which the General Information is to be visible for the user.

Abhishek Tirkey
ACCEPTED SOLUTION

Accepted Solutions

Aim - I want to make a button, and after clicking that button a model popup should display a information written in HTML.

 

Step 1 ; I have taken a mashup then a html text area widget on that mashup. 

Step 2 : I have created a thing in which I have written a service that gives a html output (Example service is written below). 

Step 3 : Bind the output of the service on the widget created in step1 mashup.

step 4 : Now from widget take a button in some mashup, then create a function - navigation and select as model popup and navigate to mashup created in Step 1.

 

Example Service:
let content ="<h1>Rules and Regulations</h1>"+
 "<p>Employees must follow all safety protocols and procedures.</p>"
;
result = content ;

 

Abhishek Tirkey

View solution in original post

3 REPLIES 3

Hi @Abhishek_Tirkey  If the button click event is bound to open a pop up then it will only do so when the button is clicked and not on the initial load of the mashup.
Is your expectation that it should pop on the mashup initial load as well?

Aim - I want to make a button, and after clicking that button a model popup should display a information written in HTML.

 

Step 1 ; I have taken a mashup then a html text area widget on that mashup. 

Step 2 : I have created a thing in which I have written a service that gives a html output (Example service is written below). 

Step 3 : Bind the output of the service on the widget created in step1 mashup.

step 4 : Now from widget take a button in some mashup, then create a function - navigation and select as model popup and navigate to mashup created in Step 1.

 

Example Service:
let content ="<h1>Rules and Regulations</h1>"+
 "<p>Employees must follow all safety protocols and procedures.</p>"
;
result = content ;

 

Abhishek Tirkey

Hi @Abhishek_Tirkey  Thanks for sharing the solution here.

Announcements


Top Tags