Differences

This shows you the differences between two versions of the page.

Link to this comparison view

best practices - dev area [2016/09/14 14:19] (current)
Line 1: Line 1:
 +====== Creating A Development or Administration Area ======
 +When you are building an application,​ there may be times you need to see more information than what the user interface is showing. For example, when creating a [[Action Type - Launch Flyout|flyout menu]] with [[Field Type - Link|links]],​ it is helpful to have a list of the links in one place so you can modify them more easily. You would not want these to appear on the user interface. By putting these links in a Dev Area, you can add [[Action#​Security Actions|security]] and [[Action Type - Application Role|evaluations]] to ensure that users see only what you want them to see. 
 +
 +===== How to =====
 +Click on any image to see a larger view. 
 +
 +|< 100% 40% 60% >|
 +|**Add the Container** \\ \\  Bring up the [[Presentation Layer]] and add a [[Form Type - Container|container form]] after the last form on the page. If you have nested forms, make sure to add it after the outermost form. |  {{:​devarea:​addcontainer.png?​direct&​500|}} ​ |
 +|**Change Header Bar Settings** \\ \\ Open the container [[Form Type - Container#​Header Bar|header bar settings]] and make the changes in the screenshot to the right. \\ \\ You can call the container whatever you like, but generally, referring it to as Dev or Admin is helpful to differentiate this from other forms on a page. \\ \\ By changing the [[Form Setting - Display Alternate Header Text|Display Alternate Header Text]] setting to display nothing and clearing the [[Form Setting - Form Icon|Form Icon]] setting, this will keep your interface clean. When the form is collapsed, it will only show an arrow on the left to expand it. [[Form Setting - Hide Form Background|Hiding the form background]] and [[Form Setting - Hide Title Bar Background|title bar background]] make those areas transparent./​| ​ {{:​devarea:​headerbarsettings.png?​direct&​500|}} ​ |
 +|**Allow Form to Expand/​Collapse** \\ \\ Next, click on the settings tab to [[Form Type - Container#​Expand Contract|expand/​contract]] and select the option to enable collapsing and to have the form start collapsed. Then click save to save your settings.| ​ {{:​devarea:​expandcontract.png?​direct&​500|}} ​ |
 +|**Security Settings** \\ \\ Now we will set the security on the form so that this form only appears when the application is in the development role. \\ \\ Bring up the [[Automation Layer]] and click on the tab Once When Form Loads. \\ \\ From the actions on the left, drag the [[Action Type - Application Role|App Role]] action over to the [[Action#​Trigger|blue Dev trigger drop point]]. Select "​Development"​ and click save. (You do not need to enter a description.) \\ \\ Next, click on the action you just added to expand it. Grab the [[Action Type - Hide Form|Hide Form]] action from the left and drag it over to the yellow trigger drop point under "​False"​. You do not need a description for this action, just click save. \\ \\ We have added an evaluation that will run when the form loads to see if it is in the Development Role. If this is true, the form is viewable. If this is false, the form will be hidden.| ​ {{:​devarea:​security.png?​direct&​500|}} ​ |
  
best practices - dev area.txt ยท Last modified: 2016/09/14 14:19 (external edit)
Copyright WorkXpress, 2019