Complex Designs and Content Containers Learn how to create your masterpiece content compositions on your Monkey Business webpages with precision targeting, design, and style of individual containers or layers of simple content designs. Your User Guide to Monkey Business from AJIBOYE Monkey Business Agency. Learn how to use Monkey Business Management System to build your business FAST.

Complex Designs and Content Containers

Published on Sun, Feb 21 2016 by Adebola Oyewumi
What makes a Complex Composition?
 
In a single word - Layers - as in Content embedded in layers, upon layers, upon layers of Containers:
 
Complex Composition Model in the Monkey Business Editor
 
Each Container in the sample above is styled with a gray 1px Border and 10px Paddings, so we can actually see it onscreen. If we hadn't, the Containers will be virtually invisible. Review Design & Style Fundamentals for more.
 
Using the Style Wizard, in the Targeting Screen, you can easily target and select any Container for modification, design and styling: 
 
Targeting Containers in Complex Compositions in the Monkey Business Editor
You can effectively consider any Element in your composition a Container.
The ability to target and select any Container or Layer in the composition is critical to creating Complex Compositions, and virtually impossible to do without the Style Wizard.
 
 
Working with Containers / Layers
 
Once selected, you can easily and quickly modify, copy and paste any Container in your composition to speed up your workflow, using the tools in the Actions Screen of the Style Wizard. Reference Using the Style Wizard.
 
Style Wizard Actions Screen Tools in the Monkey Business Editor
 
 
Copying any Container
 
To copy any Container or Element in your composition, simply Select it in the Targeting Screen, and click the Copy button from the Actions Screen.
 
 
Pasting any Container
 
Top paste, first Select and Copy the content you want, then simply click anywhere in your composition where you like to paste the content in, and use any of the Paste options in the Targeting Screen.
Remember, Style Wizard Actions can be performed across multiple editors, browsers windows / tabs. So for example, you can copy content from one editor on one page, and paste it in another editor, on another page.
Monkey Business supports different types of Paste operations. Suppose we want to copy the Content to the Destination shown below:
 
How to Copy and Paste using the Actions Screen in the Monkey Business Editor Style Wizard
 
Paste ( or Paste Into ) - Pastes the copied content in the Destination, replacing the existing content.
 
Copy and Paste Into in Monkey Business Editor
 
Paste First - Pastes, and places the new content First in the Destination.
 
Copy and Paste First in Monkey Business Editor
 
Paste Last - Pastes, and places the new content Last in the Destination.
 
Copy and Paste Last in Monkey Business Editor
 
Paste Replace - Pastes, and replaces the Destination with the new content.
 
Copy and Paste Replace in Monkey Business Editor
 
Paste Text - Pastes, and replaces content of the Destination with just the Text in the copied content.
 
Copy and Paste Text in Monkey Business Editor
 
 
Deleting Containers / Layers
 
To delete any Container or Element in your composition, simply Select it in the Targeting Screen, and click the Delete button from the Actions Screen.
 
 
Adding New Containers / Layers to Compositions
 
The ability to create new Containers in complex compositions provide the flexibility you need to work quickly and easily. 
 
Monkey Business provide the tools you need to create new containers quickly in complex compositions. 
 
For example, suppose we have this Content in 3 layers of Containers:
 
Creating New Containers with the Style Wizard in the Monkey Business Editor
 
In the Targeting Screen of the Style Wizard, can target and select these Containers:
 
Selecting Complex Containers with the Style Wizard in the Monkey Business Editor
 
Create New Container - Create and add a new Container to your Selection.
 
Create a New Container with the Style Wizard in the Monkey Business Editor
 
Create New Container First in Selection - Creates, and add a new Container as the first content in your Selection.
 
Create a New Container First with the Style Wizard in the Monkey Business Editor
 
Create New Container Before Selection - Create a new Container before your Selection
 
Create a New Container Before Selection with the Style Wizard in the Monkey Business Editor
 
Create New Container After Selection - Create a new Container after your Selection.
 
Create a New Container after Selection with the Style Wizard in the Monkey Business Editor
 
Create New Parent Container - Create a Container and places your Selection inside it.
 
Create a New Parent Container for your Selection with the Style Wizard in the Monkey Business Editor
 
When you do, the selectors in the Targeting Screen of the Style Wizard is updated, and you can easily Select & Target the new Parent Container for design and styling. In the above example, a green Background Color, and 20px Padding is applied so we can actually see it onscreen:
 
Selecting new Parent Containers with the Style Wizard in the Monkey Business Editor
 
 
 
 

Discuss & Comment

Comment Type
DISLIKE
LIKE
NEUTRAL
Share this Page
$ 7.95 domain name registration.
Build your complete web solution: Brand, Website, Business.
Monkey Business Agency Inc. - Our business is building your business with software and services for smart, modern businesses.