![]() Saving your widgetĬlick Save on the Page bar to save all your changes. To move a button to a new location on the Button Bar, simply drag and drop the button to its new location. You may find you want to change the order in which your buttons appear. ![]() To remove a button, click the right arrow icon on the right side of the button, then click the red Delete icon ( ). To create a URL button or link, enter the URL in the URL field. To choose which page, click the Page dropdown and select the page name.Ī URL button or link takes the user to a specific URL. To select the report, click the Report dropdown.Ī Page button or link takes the user to another page. ReportĪ Report button or link takes the user to that report’s page. ![]() Select the option you prefer from the After saving the new record dropdown. You can specify what happens after the new record has been saved. Click the New dropdown and select the table to which you wish to add a record. To create this type of button/link, click New Record. We can be found at an unmarked wooden sliding door at the lower end of Foveaux Street in Surry Hills. When the user clicks on the button/link, the New Record page opens, allowing the user to enter the record. This will open the Customization dialog.Ī New Record button or link allows the user to add a record to an existing table within the app. To change the destination of a button or link, click the Customize icon ( ). Press Enter or click the green checkmark to save the title. To edit the label text of a button or link, click the Edit icon ( ). To customize each button or link, hover over the button/link, then click the right arrow icon on the right side of the button. You can also revert to the default color by clicking Revert to default color. If this is a Button Bar widget, you can select the button color by clicking on the button color box. You can also choose whether vertical buttons align left, center, or right within the widget. You can choose horizontal or vertical orientation within the row. Select the button/link orientation you prefer. To configure the button or link bar, click the Settings icon ( ) in the upper right corner of the bar. In either case, the button or link Customization dialog will appear. To add a link to a Link Bar widget, click New Link. To add a button to a Button Bar widget, click New Button. Adding buttons to a Button Bar widget, or links to a Link Bar widget You can also choose to show a title for the widget. Note: The color you select applies to all buttons in this Button Bar.Īs with all widgets, you can set this widget to be collapsible, if you have placed it on its own row, to preserve space on the app Home page. The widget appears with the button or link Customization dialog already open. Drag the Button Bar widget or Link Bar widget from the Widget Gallery on to the home page. To create a Button Bar or Link Bar widget, edit the app Home page. For example, you might use buttons for important functions such as adding new records, then use links to direct users to useful but less critical functions and information.Īdding buttons to a Button Bar widget or links to a Link Bar widget It also allows you the stylistic flexibility to visually distinguish between the two. This allows you to place the same functionality in a more compact space. Recent Examples on the Web The new navigation system saves a ton of space. Button Bars present the actions as buttons, and Link Bars present the actions as links. The meaning of BUTTON BAR is a collection of buttons on a computer screen. The difference lies in how this action is presented. Both provide ways to allow your users to perform actions, such as opening a web page or creating a new record. Keyboard navigationĮnable optional keyboard navigation by setting the prop key-nav.Button Bar and Link Bar widgets are very similar. Make the toolbar span the maximum available width, by increasing spacing between the button groups, input groups and dropdowns, by setting the prop justify. Note, if you want smaller or larger buttons or controls, set the size prop directly on the, , and components. Similar to the example above, you'll likely need some utility classes though to space things properly. New Edit Undo Item 1 Item 2 Item 3 Save Cancel Usageįeel free to mix input groups and dropdowns with button groups in your toolbars.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |