Framesets
Framesets are used to create a layout with multiple design elements - Pages, Forms, Views etc.
Creating the Mobile Frameset
- In the Applications view of Domino Designer, double-click on the Frameset part in the To Do application.
- Click the “New Frameset” button. Set the name to “mobile”, leaving the number of frames at 2 but selecting the second option for layout - a large left frame and a small right frame.
-
From the menu select Frame > Frame Properties. For the first frame, set the Name as “dashboard”, the Content as “Named Element” and “Form”, the “dashboard” Form.
- On the second tab, set the width to 68 Relative.
- On the third tab, take the tick out of “Border width” and change the height to 0 pixels.
-
Change the focus to the right frame. Set the Name to “NotesPreview” and, on the second tab, change the width to 32 Relative.
“NotesPreview” is a reserved name for a frame designed for previewing a document.
- Change the focus to the left frame. Click the “Split into Rows” button.
- Select the top frame and change the height to 28 Relative.
- Select the bottom frame and change the height to 62 Relative.
-
Set the Name to “view”, the Content as “Named Element” and “View”, and click the “@” button. Enter the following formula:
vw:=@Environment("ToDo_View"); @If(vw="";"todosView";vw)
The view to show will be based on the environment variable. But the first time the application is opened, the environment variable will not be set, so we set a default.
- Set the “Default target for links in frame” to NotesPreview.
- Take the tick out of “Show action bar”.
You can check the frameset by clicking the “Preview in Notes” button or the menu option “Design > Preview in Notes”. Note: a scroll bar will appear for the top frame in the desktop Notes Client, but this is because the Form content doesn’t fit for Notes Client. No scroll bar will appear on HCL Nomad.
Creating the Main Frameset
Although this Frameset could be used for HCL Nomad and Notes Client, the intention of this tutorial was to design a UI specifically for HCL Nomad. In order to do this, a holding Frameset is needed. If you opened the application in Notes Client from the workspace, you will remember you just got a layout with a list of views in the left frame and views in the right frame. This is just the default launch option for the application.
- In the Applications view of Domino Designer, double-click on the Frameset part in the To Do application.
- Click the “New Frameset” button. Set the name to “main”, leaving the default as is.
- Click the “Delete Frame” button.
- From the menu select Frame > Frame Properties.
-
Set the Content as “Named Element” and “Frameset”, and click the “@” button. Enter the formula
@If(@Platform="iOS";"mobile";"")and click “Done”. This will generate a warning that the database does not hold the relevant element.
If the computation for a Frameset or frame within the frameset errors, the default layout is displayed, with the list of views in the left frame and views in the right. So by entering this formula, the application opens to the “mobile” frameset on HCL Nomad but the same layout that has always been provided for Notes Client.
Enable the Frameset
- In the Applications view of Domino Designer, expand the “Application Configuration” category in the To Do application and double-click “Application Properties”.
- Click on the “Launch” tab.
- Set the options for “Notes Client Launch” to “Open designated frameset” and open the frameset “Main”.
If you want to use this frameset for Notes Client as well, try changing the height options of the dashboard frame of the “mobile” frameset so the scrollbars don’t appear either for Notes or HCL Nomad.