Links

Navigator

Cwicly comes with its own Navigator Panel making it a pleasure to navigate through even the most complex structures.
The Navigator remembers the way you set position and size.

Features

Cwicly Navigator features allows you maximum flexibility to position the Navigator exactly where you want it to be, to resize it and to open and close elements with a single click.
Open All Allows you to quickly open all the navigator items in a click. You can also open/close every nested element.
Close All Allows you to quickly close all the navigator items in a click. You can also open/close every nested element.
Undock Allows you to undock the Navigator for a free moving experience.
Dock Left Allows you to docks the Navigator on the left.
Dock Right Allows you to docks the Navigator on the right.
Drag When undocked, the Navigator can be dragged to anywhere on your screen.
Resize You can resize the Navigator's height and width when docked/undocked, by dragging its sides or bottom.

Access Navigator Features

  • Open the Navigator.
  • Hover over NAVIGATOR window to bring up Features icons.
  • Select appropriate feature.
The Cwicly navigator is equipped with a useful search bar where you can search by type (Section, Div etc), by custom name and by full block class.
This is designed to optimise work flow and minimise Navigation Frustration.
  • Open the Navigator.
  • Find Search bar.
  • Input required search word (specific or generic).
  • The Search function will highlight in yellow the required term.
  • To reset, click "X" icon in Search window.

Quick Access

The Cwicly Navigator is responsive to a right-click context menu that allows for quick actions.
Copy Allows you to Copy a selected block.
Duplicate Allows you to Duplicate a selected block.
Delete Allows you to Delete a selected block.
Styles allows you to copy/paste local & global styles.
Copy ID allows you to copy the ID of a selected block.
Copy Class allows you to copy the Class of a selected block.
Virtual Classes tells you what Virtual Classes are applied to the block.
Global Classes tells you what Globla Classes are applied to the block.
Insert allows you to insert another block into a selected block.
Wrap allows you to wrap a selected block with another block.

Access Quick Access

  • Open the Navigator.
  • Select block to which you require Quick Access.
  • Right click to bring up Quick Access Menu.
  • Select appropriate term.

Block Controls

When you hover over a block in the Navigator, three icons become visible: Quick Code, Show/Hide on Editor, Delete block.

Quick Code

The Quick Code icon opens the Quick Code Editor where you can see all the properties applied to a block.
  • Open the Navigator.
  • Hover over a block and find the Quick Code icon.
  • Click to open the Quick Code Editor.

Show/Hide on Editor

Allows you to Show or Hide a particular block in the Editor.
  • Open the Navigator.
  • Hover over a block and find Show/Hide on Editor icon.
.
  • Toggle as required.

Delete Block

The Delete Block Icon property allows you to remove a block directly from the Navigator.
  • Open the Navigator.
  • Hover over a block and find Delete Block Icon.
  • Click "X" to delete block.