Difference between revisions of "Developers Toolkit"

From UnionCloud Support
Jump to: navigation, search
(Pages (Tree View))
(Structuring Content)
Line 43: Line 43:
 
| Section (Tab Container)(p) || Yes || Yes || style="background: yellow;" |No || Example || Example
 
| Section (Tab Container)(p) || Yes || Yes || style="background: yellow;" |No || Example || Example
 
|-
 
|-
| Slider(p) || Example || Example || Example || Example || Example
+
| Slider(p) || Example || Example || Example || style="background: yellow;" |No || Example
 
|-
 
|-
 
| Column(p) || Example || Example || Example || Example || Example
 
| Column(p) || Example || Example || Example || Example || Example
 
|-
 
|-
| Grid(p) || Example || Example || Example || Example || Example
+
| Grid(p) || Example || Example || Example || style="background: yellow;" |No || Example
 
|-
 
|-
| Stripe(p) || Example || Example || Example || Example || Example
+
| Stripe(p) || Example || Example || Example || style="background: yellow;" |No || Example
 
|-
 
|-
 
| List(p) || Example || Example || Example || Example || Example
 
| List(p) || Example || Example || Example || Example || Example
 
|-
 
|-
| Menu(p) || Example || Example || Example || Example || Example
+
| Menu(p) || Example || Example || Example || style="background: yellow;" |No || Example
 
|-
 
|-
| Hamburger(p) || Example || Example || Example || Example || Example
+
| Hamburger(p) || Example || Example || Example || style="background: yellow;" |No || Example
 
|-
 
|-
 
| Example || Example || Example || Example || Example || Example
 
| Example || Example || Example || Example || Example || Example
 
|-
 
|-
| Page(p) || Example || Example || Example || Example || Example
+
| Page(p) || Example || Example || Example || style="background: yellow;" |No || Example
 
|-
 
|-
| Link(p) || Example || Example || Example || Example || Example
+
| Link(p) || style="background: yellow;" |No || Example || Example || style="background: yellow;" |No || Example
 
|-
 
|-
| Widget(p) || Example || Example || Example || Example || Example
+
| Widget(p) || style="background: yellow;" |No || style="background: yellow;" |No || style="background: yellow;" |No || style="background: yellow;" |No || style="background: yellow;" |No
 
|-
 
|-
| Subsite(p) || Example || Example || Example || Example || Example
+
| Subsite(p) || style="background: yellow;" |No || style="background: yellow;" |No || style="background: yellow;" |No || style="background: yellow;" |No || Example
 
|}
 
|}
  

Revision as of 10:35, 28 June 2016

Developers Toolkit is the section of the website you come to to make larger changes to your Union site. It's used to add / remove content as well as drafting / publishing content, restructuring the pages, navigation and more.

Pages (Tree View)

A sample segment of the tree for a testing site, and below what it matches up with on the front end.
View showing the front end that matches up with the tree above.

First things first, every Union will have a slightly different looking Tree View, that's because this is related to your site and it's structure.

To give a brief overview of how this works, I'll try to describe it as best I can.

  • We think of the Tree View page, similar to an empty box, or a blank canvas, that is your website.
  • You then need to add content to this box / canvas
  • Everything that you add that is not a sub-page, or a sub section, (so when you're setting it up, it doesn't have a parent) is treated as the top level of your website.
  • Everything has to have a container.

The example to the right hand side, shows the first segment on a tree view for a test Union Cloud site, and below it, shows how that matches up on the Front End. the simplest way to look at it, is to think about Sections, as lots of different types / shapes / sizes of container, and think of Pages / Links / Widgets as content you can put in those containers. All content must have a contianer though

Structuring Content

Since Release 25 the Developers Toolkit has been updated and will now no longer allow you to implement impossible or irrelevant combinations of sections and content. The table below should explain which items you are able to implement in which order.

Header text Section(c) Page(c) Link(c) Widget(c) Subsite(c)
Section (Tab Container)(p) Yes Yes No Example Example
Slider(p) Example Example Example No Example
Column(p) Example Example Example Example Example
Grid(p) Example Example Example No Example
Stripe(p) Example Example Example No Example
List(p) Example Example Example Example Example
Menu(p) Example Example Example No Example
Hamburger(p) Example Example Example No Example
Example Example Example Example Example Example
Page(p) Example Example Example No Example
Link(p) No Example Example No Example
Widget(p) No No No No No
Subsite(p) No No No No Example

Search Pages

Favorites

Appearance

Others

You may have noticed that we skipped over Articles, Documents', and Images, that's because they are just more links to move back to those sections, rather that directly changing content.