Developers Toolkit - Revision history

Charlotte Garratt at 14:57, 11 July 2018

2018-07-11T14:57:21Z

Charlotte Garratt at 14:50, 11 July 2018

2018-07-11T14:50:36Z

Charlotte Garratt at 14:06, 11 July 2018

2018-07-11T14:06:34Z

Charlotte Garratt at 14:23, 2 July 2018

2018-07-02T14:23:20Z

Charlotte Garratt at 12:56, 22 June 2018

2018-06-22T12:56:18Z

Charlotte Garratt at 12:54, 22 June 2018

2018-06-22T12:54:11Z

Charlotte Garratt at 12:53, 22 June 2018

2018-06-22T12:53:34Z

Charlotte Garratt at 12:52, 22 June 2018

2018-06-22T12:52:29Z

Charlotte Garratt at 09:56, 18 June 2018

2018-06-18T09:56:06Z

Charlotte Garratt at 15:38, 15 June 2018

2018-06-15T15:38:08Z

@@ Line 84: / Line 84: @@
 To add a new section to your site you can either click on the blue '''Add Section''' banner or click on the '''Add Section''' icon in the {{cog}} menu next to the area of your site you want to add the new section to. Clicking on either will take you to the Create Section page which can be seen to the right. At the top of the page you have the option to make the section live or draft by flicking the switch. To create your section you must fill in the following fields:
-'''Title''' - Give your new section a name.
+'''Title''' <span style="color:#FF0000">'''(Required)'''</span> - Give your new section a name.
-'''Display As''' - Use the drop-down to select what sort of page you would like your section to display on. You can choose from Tab Container, Slider, Column, Grid, Stripe, List, Menu, Hamburger Menu or Megamenu.
+'''Display As''' <span style="color:#FF0000">'''(Required)'''</span> - Use the drop-down to select what sort of page you would like your section to display on. You can choose from Tab Container, Slider, Column, Grid, Stripe, List, Menu, Hamburger Menu or Megamenu.
-There are also several additional options which are not mandatory:
+'''Display Option''' <span style="color:#FF0000">'''(Required)'''</span> - Here you can pick where you want this section to be displayed. You have the options of Home Page; Union Content and System Pages; and Subsite Pages.
 '''Display in Menu''' - Tick to display in the menu.

← Older revision		Revision as of 14:50, 11 July 2018
Line 204:		Line 204:

	===Copy Elements===		===Copy Elements===
		+	[[File:Copy Element.png\|thumb\|right\|Copy Element in Developers Toolkit]]
		+	The option to copy an element can be found by clicking on the {{cog}} icon next to the component of your site you would like to copy. The icon looks like two sheets of paper overlapping each and can be seen in the screenshot to the right. Clicking the Copy Element icon will create a duplicate of the component which you have chosen to copy. This functionality is really useful if you need to create a new section which is quite similar to an area you already have on your site. For example, you may want to create a page for an upcoming event, you could copy an event page you have already created and edit that to your needs, instead of starting from scratch.

	==Search Pages==		==Search Pages==

← Older revision		Revision as of 14:06, 11 July 2018
Line 225:		Line 225:

	==Others==		==Others==
−	You may have noticed that we skipped over '''Articles''', '''Resources''' and '''Images''', that's because they are just more links to move back to those sections, rather ~~that~~ directly changing content.	+	You may have noticed that we skipped over '''Articles''', '''Resources''' and '''Images''', that's because they are just more links to move back to those sections, rather than directly changing content.

@@ Line 13: / Line 13: @@
 *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 example to the right hand side, shows the first segment on a tree view for a test UnionCloud 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 container though.

@@ Line 179: / Line 179: @@
 The last component that you can add in the Developers Toolkit is subsites, basically mini-sites which link to your main UnionCloud website. You could use this feature to allow clubs and societies to have their own personalised group sites or have a feature site to promote a particularly important or large event. Again use the {{cog}} menu, and then select the Add Subsite icon to pull up the page to the right.
-'''Title''' - Enter a name for your subsite. <span style="color:#FF0000">'''(Required)'''</span>
+'''Title''' <span style="color:#FF0000">'''(Required)'''</span> - Enter a name for your subsite.
-'''Display As''' - This is where you can pick how you want your subsite to display. <span style="color:#FF0000">'''(Required)'''</span>
+'''Display As''' <span style="color:#FF0000">'''(Required)'''</span> - This is where you can pick how you want your subsite to display.
 *Thumbnail - Picking this option will bring up the additional fields of '''Image''' <span style="color:#FF0000">'''(Required)'''</span>, where you can upload an image file and '''Summary''' - enter a brief text summary of your subsite.
 *HTML Content - Picking this option will bring up the additional field of '''Target Window''' <span style="color:#FF0000">'''(Required)'''</span> where you can pick if the subsite loads in the same window or pops-up in a new one.
@@ Line 189: / Line 189: @@
 '''Subsite Tab'''
-*Name - Enter your subsite name. <span style="color:#FF0000">'''(Required)'''</span>
+*Name <span style="color:#FF0000">'''(Required)'''</span> - Enter your subsite name.
 *Description - Enter a description of your subsite.
-*Configure email for outgoing mails for this group - Input an email address here, which emails sent from the subsite will appear to be sent from. <span style="color:#FF0000">'''(Required)'''</span>
+*Configure email for outgoing mails for this group <span style="color:#FF0000">'''(Required)'''</span> - Input an email address here, which emails sent from the subsite will appear to be sent from.
-*Display Name - Enter the name here which emails are sent from via the subsite. <span style="color:#FF0000">'''(Required)'''</span>
+*Display Name <span style="color:#FF0000">'''(Required)'''</span> - Enter the name here which emails are sent from via the subsite.
 *Member Approval Required - Tick this box if membership to a particular group is required to access this subsite.
 *CMS content defaults to draft - Tick this box to make anything added to this subsite default to draft (and will therefore need to be manually made live before appearing on the subsite).
@@ Line 198: / Line 198: @@
 '''Groups Tab'''
-*Select Group - Use the search box to find and select a group which you would like to link this subsite to. <span style="color:#FF0000">'''(Required)'''</span>
+*Select Group <span style="color:#FF0000">'''(Required)'''</span> - Use the search box to find and select a group which you would like to link this subsite to.
 '''Event Tab'''
-*Select Event - Use the search box to find and select an event which you would like to link this subsite to. <span style="color:#FF0000">'''(Required)'''</span>
+*Select Event <span style="color:#FF0000">'''(Required)'''</span> - Use the search box to find and select an event which you would like to link this subsite to.
 ===Copy Elements===

@@ Line 156: / Line 156: @@
 Following the previous pattern of adding items. Click on the {{cog}} to pop-up the menu and then hit the corresponding Add Widget icon, to pop-up the page to the right, with the following fields:
-'''Title''' - Enter a name for your widget. <span style="color:#FF0000">'''(Required)'''</span>
+'''Title''' <span style="color:#FF0000">'''(Required)'''</span> - Enter a name for your widget.
-'''Widget Name''' - Here you can pick the name of the widget you would like to create, it is essentially a dropdown of different types of widgets which are shown below. <span style="color:#FF0000">'''(Required)'''</span>
+'''Widget Name''' <span style="color:#FF0000">'''(Required)'''</span> - Here you can pick the name of the widget you would like to create, it is essentially a dropdown of different types of widgets which are shown below.
 *'''Events(Extended)''' - This option will present you with an additional field of '''Display Event Type'''. This is where you would tick all the relevant event types that you want to be shown in this widget.

@@ Line 136: / Line 136: @@
 As you may have noticed by now, adding a Link to your site is exactly the same as adding sections and pages. Click on the {{cog}} to pop-up the menu and then hit the corresponding '''Add Link''' icon. You will then be presented with the page to the right, with the following fields to fill in:
-'''Title''' - Give your link a title. <span style="color:#FF0000">'''(Required)'''</span>
+'''Title''' <span style="color:#FF0000">'''(Required)'''</span> - Give your link a title.
-'''Please select a link type''' - This is where you will select the type of link you would like to add by using the radio buttons. <span style="color:#FF0000">'''(Required)'''</span> The next field which pops up is dependant on which option you choose here. You can choose from:
+'''Please select a link type''' <span style="color:#FF0000">'''(Required)'''</span> - This is where you will select the type of link you would like to add by using the radio buttons.  The next field which pops up is dependant on which option you choose here. You can choose from:
 *System Page - This will give you a dropdown to choose from to pick a system link (a standard system page).
 *Pages - This will give you a drop-down to choose a page to link to.
@@ Line 146: / Line 146: @@
 *Subsites - this will give you a dropdown of all your subsites to choose from.
-'''Display As''' - Here you can select how you want the link to display, you have the options of ''Thumbnail'' and ''HTML Content'' to choose from. <span style="color:#FF0000">'''(Required)'''</span> If you pick ''Thumbnail'', you will be presented with two additional fields: '''Image''' <span style="color:#FF0000">'''(Required)'''</span> - where you can upload your thumbnail image and '''Summary''' - where you can enter a brief page summary.
+'''Display As''' <span style="color:#FF0000">'''(Required)'''</span> - Here you can select how you want the link to display, you have the options of ''Thumbnail'' and ''HTML Content'' to choose from.  If you pick ''Thumbnail'', you will be presented with two additional fields: '''Image''' <span style="color:#FF0000">'''(Required)'''</span> - where you can upload your thumbnail image and '''Summary''' - where you can enter a brief page summary.
 '''Display Size''' - Where you can select the block size for this section from the dropdown.

@@ Line 108: / Line 108: @@
 To add a new page to your site, simply click on the '''Add Page''' icon in the {{cog}} menu. You will then be presented with the page shown to the right, which follows a similar format to the Add Section page. Below are the fields you will come across when creating a new page on your site.
-'''Title''' - Enter a title for your page. <span style="color:#FF0000">'''(Required)'''</span>
+'''Title''' <span style="color:#FF0000">'''(Required)'''</span> - Enter a title for your page.
 '''Content''' - This is where you add the main body of your page.
-'''Display As''' - Select how you would like your page to display. You can choose between Thumbnail and HTML Content. <span style="color:#FF0000">'''(Required)'''</span>
+'''Display As''' <span style="color:#FF0000">'''(Required)'''</span> - Select how you would like your page to display. You can choose between Thumbnail and HTML Content.
 '''Display Size''' - Select the block size for your page. You can choose from One by One(148px x 148px), One by Two(148px x 296px), Two by Two(296px x 296px), Three by Two(444px x 296px), Four by Two(592px x 296px), Five by Two(740px x296px) and Six by Two(1024px x341px).
-'''Image''' - Here is where you will upload an image for your page. <span style="color:#FF0000">'''(Required)'''</span>
+'''Image''' - <span style="color:#FF0000">'''(Required)'''</span> Here is where you will upload an image for your page.
 '''Summary''' - This is where you can add a summary of your page.

@@ Line 175: / Line 175: @@
 *'''Groups Search''' - This widget gives you the extra fields of '''Image''' <span style="color:#FF0000">'''(Required)'''</span>, where you can upload an image file and '''Summary''', where you can enter the text which will be displayed on the widget.
-===Adding a Subsite===
+==Adding a Subsite==
 [[File:Create Subsite.png|thumb|right|Create Subsite Page.]]
 The last component that you can add in the Developers Toolkit is subsites, basically mini-sites which link to your main UnionCloud website. You could use this feature to allow clubs and societies to have their own personalised group sites or have a feature site to promote a particularly important or large event. Again use the {{cog}} menu, and then select the Add Subsite icon to pull up the page to the right.