In my previous post I showed a short movie on how to create content using our responsive authoring tool. I thought I would break the process down a little more in this post and show you how easy it is to edit a component.
Each component has four basic controls, namely:
- Help – Hover over the icon to display help for the selected component
- Edit – Edit the selected component
- Drag – Drag the component to a new position on the screen
- Remove – Remove the component from the screen
The Help popup shows some of the feature available that can be customized for the selected component. Once you know which styles or properties you wish to edit, simply click the edit button to view the code.
The styles and properties can be changed in the code view, while the content can be update using the visual editing tools. Although this is a panel component, nothing stops you from adding in images, a table or even a movie clip.
Once you have made the changes, click the save button to close the popup and view the updated content.