![]() ![]() You can style your dynamic panel states with the following options in the Style pane. If a dynamic panel has only one state, breaking the state away will also delete the panel. To access this option, right-click the dynamic panel and select Break Away First State in the context menu. The Break Away First State option allows you to remove the first state of a dynamic panel and place all of its contained widgets on the canvas outside the panel. To show the panel again, click the icon again. This will hide the panel on the canvas, but it will still be visible in the web browser. If a dynamic panel is getting in the way of you interacting with other widgets on the canvas, you can temporarily hide it from view by clicking the Hide from View icon to the right of its name in the Outline pane. ![]() The topmost state is the one that's visible by default. To reorder a dynamic panel's states, drag them up and down or right-click them and use the options in the context menu. Select a state and press DELETE to delete it, or right-click and select Delete in the context menu. Similarly, you can duplicate a state by mousing over its name and clicking the Duplicate State icon to the right. ![]() To add a new state to a dynamic panel, mouse over its name and click the Add State icon to the right. To quickly move existing widgets into or out of a dynamic panel state, drag them in the Outline pane. Select a dynamic panel state or one of its contained widgets in the Outline pane to open the state for editing on the canvas. Drag the state names up and down to reorder them (the topmost state is the one that's visible by default).Click Add State at the bottom of the dropdown to create a new state.Click the Delete State icon to the right of a state's name to delete it.Click the Duplicate State icon to the right of a state's name to make a copy of it.Click a state's name to view its widgets on the canvas.In the dropdown that appears, you can do the following: To edit the dynamic panel states themselves, click the current state's name at the top of the canvas. You can also toggle the visibility of the widgets outside the dynamic panel by clicking Isolate at the top-right of the canvas. In this mode, you can add, remove, and edit widgets in the dynamic panel's states. Managing States On the Canvasĭouble-click a dynamic panel on the canvas to enter state-editing mode, indicated by a teal border and toolbar surrounding the canvas. Widget masks, including the dynamic panel mask, are not applied in the web browser. You can toggle the mask at View → Masks in the application menu. ![]() The Dynamic Panel Maskĭynamic panels are covered with a blue mask by default to make them easier to spot on the canvas. This will create a new fit-to-content dynamic panel with a single state that contains the selected widgets. Select one or more widgets, right-click, and select Create Dynamic Panel in the context menu. You can create a new dynamic panel using widgets already on the canvas. This dynamic panel's dimensions are fixed by default, so make sure to enable Fit to Content on it if you want it to automatically resize to fit to its contained widgets. A dynamic panel dragged onto the canvas from the Libraries pane will start out with a single, empty state you can add widgets to. There's an empty dynamic panel widget in the Default widget library. ![]()
0 Comments
Leave a Reply. |