

Make sure that your component views have the same names and inheritance structure as your adaptive views, and your component views will switch automatically in the browser along with your adaptive views.Here’s the problem: '' is the div containing the img, so you’re setting the src attribute of the div, which does nothing. You can set up your component views to work in conjunction with your adaptive view sets. When you add a component instance to the canvas, use the Component Views dropdown in the Style pane to choose which of its views to display. This will completely remove the widget from the component instead of just unplacing it. To delete a widget from all views entirely, right-click it and select Delete from All Views. You can place an unplaced widget in the current view and its children by right-clicking it and selecting Place in View. If you DELETE a widget from the base view or while Affect All Views is checked, the widget will not be unplaced instead, it will be deleted from all views. If you add a new widget to a child view, the widget will be automatically unplaced from all parent views (unless Affect All Views is checked). You can also do this by selecting the widget and pressing DELETE.

You can unplace a widget from the current view and its children by right-clicking the widget and selecting Unplace from View. There are two ways to unplace a widget from a view: If you need a cross-view widget property to vary across your component views, create an additional copy of the widget for each variation and use the "unplace" feature to choose which version of the widget appears in each view. Making edits to these on a widget in one view will always affect all other views as well.Īdditionally, special widget properties like the options in a droplist widget, the rows and columns in a table widget, and the nodes in a tree widget, are also shared across views. These include widget text, notes, and interactions/interactive properties. Some widget properties, however, are always the same in every view. You can change the visual styling, size, and position of widgets freely across component views.
#Axure rp viewer full
To take full advantage of the benefits of component view edit inheritance, we suggest you take a top-down approach to editing your diagrams, starting in the Base view and then working your way down the chain. For example, if you change a button's fill color to pink in a child view and then change that same button's fill color to green in the parent view, the button will still be pink in the child view, not green. Edits will not affect all views.įurthermore, if you edit a widget property in a child view, edits to the same property in a parent view will no longer affect the child view.

Dark Blue: The view currently displayed on the canvas.The color of a view's name indicates whether or not it will be affected by edits you make on the canvas: Once you've added component views to a component, you can access each view by clicking its name at the top of the canvas. Primary Button (Base) > Secondary Button > Text Link ButtonĮdits made in the Primary Button view would be reflected in both the Secondary Button and Text Link Button views as well.Įdits made in the Secondary Button view would be reflected in the Text Link Button view but not in the Primary Button view.Įdits made in the Text Link Button view would only affect that view. Each view you add inherits its widgets and widget properties either directly from the Base view or from another view in the chain.įor example, the chain of inheritance for a button component might looks like this: The first link in the chain, the view from which all others inherit, is the Base view.

Component views are organized into chains of inheritance.
