How to create tabs in a blueprint's Instructions pane

[Quali-Community]

In order to create tabs in the blueprint's Instructions pane, we will need to create a dedicated folder in the Portal installation folder that includes 3 files:

• html file that lists the tabs and their contents
• css file that defines the look and feel of each tab's contents
• javascript file that tells CloudShell what to do when the user clicks a certain tab

To create tabs in the Instructions pane:

1. In the Portal installation folder, create a folder called "Instructions".
   For example: C:\Program Files (x86)\QualiSystems\CloudShell\Portal\Instructions
2. Place your html, css and javascript files in this folder. Make sure the html file is named "index.html".
3. In the blueprint's properties - Instructions page, switch to code view and add the following line:
   <iframe src="/Instructions" scrolling="yes" frameborder="0" height="100%" width="100%"></iframe>

To see how this works, use the files in the attached zip. The pane should look something like this:

instructions.zip

 Attachments:

instructions.png [25KB]	instructions.zip [1KB]

---

 Steven Geller (Steven.G) - 12/12/2018 12:31 PM

·  4217  ·