Page Designer Lab

Owned by Hammad Shahid
Last updated: Sept 05, 2023
4 min read

Objective

  • Create a Page/Report to show Groups.

  • Show the Organizational Zone tree and filter Group based on the selected location.

Credentials:

User ID: Test

Password: P@$$w0rd

  1. Start the 20331B-NYC-DC-05 virtual machine. Wait for the virtual machine to display the Desktop.

  2. On your Desktop Right-click Workflow Studio (WFS), and then click Run as administrator.

  3. Wait for WFS to start and enter your credentials.

 

  1. In Solution Explorer, right-click on the Developer Packages folder, create a new folder called DemoLabs, and click the Ok button.

 

  1. Add New Folder dialog box will appear from it; select the following options

  • User Interface > Lookup Control

  • User Interface > Forms

  • User Interface > UI Pages

  • Workflows > Applications

And click the Ok button.

  1. Expand the Developer Packages folder, find the DemoLabs folder, expand it under the DemoLabs folder, expand the User Interface folder right-click on the UI Pages folder, hover your mouse on the New User Interface option and Click on UI Page.

 

  1. Wait for the Page designer to be loaded.

  2. Click on the Save button to save your Page and give it the name Page_ShowGroups.

9. To start creating the page, first, click on Add Tab button.

 

  1. Right-click on the No Tree tab click on Edit name and write Group and click the OK button.

  1. Now click on the No Tree dropdown and select the All Locations option.

  2. Now click on the Edit Method button.

  1. Choose View Method dialog box will appear, in the RBAC Object dropdown select the GroupView now in the search box below type getbyorgzoneid and select the GetByOrgZoneID method with four parameters.

  1. Now click on the Edit Parameters button a Parameters dialog box will appear in the orgZoneID parameter name check mark the Is Tree Bound checkbox and click the OK button.

  1. Now click on the Set To GridType button and from the dropdown select the Group option and click OK button.

  1. Now click on publish button to publish your Page. The publishing dialog box will appear, click on the Next button twice to Publish the Page.

  1. Once published successfully click on the Ok button

  1. Open internet explorer or Edge or whichever browser is installed on your machine and go to this URL: Login using EmpowerID (empoweriam.com)

  2. It will ask you to enter your credentials and provide them with your username and password given to you by your lab instructor.

  3. It will take you to your EmpowerID dashboard page. On the left-hand side, click on Low Code/No Code Workflows, and Underneath it, click on Low Code Workflows.

  4. It will take you to the RequestWorkflow page; on the right-hand side of your page, we have an actions pane under it click on the Publish Workflow Studio Item.

  5. On the PublishWorkflowStudioItem page, click on choose file, select the .pub file for Page_ShowGroups, and then click open the file, and it will get selected. Now click on the Submit button.

  6. You will get this message which tells that deployment is successful.

  7. Now in order to run your page, use this below URL
    https://%YOURSERVERNAME%/ui/#Common/pages/view/{PageID}
    https://self.empoweriam.com/ui/#Common/pages/view/2043

  8. You can find the page id of your page by going to EmpowerID database and running this query: select * from RBACView
    it will return the list of pages, search for the page that you created and copy the ID and pass it to the URL

 

 

  1. Put the URL in the browser to see your page from the side tree panel select Atlanta and it should bring the related Groups.

  1. End