Curly Bracket Functions

Curly Bracket Overview

Curly Bracket functions are placed within an editor on the relevant page or page area such as a highlight. Admin can customise the data to show on the frontend.

Why you would use Curly Bracket Function

Curly bracket functions are designed to hide complexity from the editor from the content editor and provide a simple database UI for content to be updated. Curly Bracket output is controlled by templates which allow for designer control of the look and feel of the output.

Usually used for lists of items such as news listings, vehicles, testimonials etc. Most modules make use of a curly bracket function. It also allows for different lists of items to be displayed in different ways. is very useful when a user wants to add modules or plugins to pages or sections. A user can implement a curly bracket without technical knowledge or using any code like HTML or script, the reason why a curly bracket is one of the key features in WebEd9 CMS.

How to add a Curly Bracket to Page Content

• Log in to Webed 9 as Administrator
• Front-End: How to apply the Curly Bracket
  • Click the Edit page icon to start.

• • In the new popup, click the icon to find a Curly Bracket

• • In the new popup, click the icon to find a Curly Bracket

• • List Curly Brackets: Search the Curly Bracket by category in the left column or enter a part of the name in the textbox in the top right.

Each Curly Bracket has different configurable parameters which make it easy to control the content displayed.

• • Configure parameters of a Curly Bracket:
  • For example, News Listing Curly Bracket
  • (1)- News Category: select a category in the drop-down list or all categories
  • (2)- Total: Enter the number of items to display, and enter zero to show all items
  • (3)- Page size: enter a number to limit the number of items displayed per page and zero to show all
  • (4)- Type: select a news type to display (There are two types: General and Hot)
  • (5)- Status: select a status (Active, Inactive, Archive)
  • (6)- Template Name: select a template to display news items.
  • (7)- Select Curly Bracket: choose another Curly Bracket
  • Preview: A simple view to review news and template before completing configuration.

• Click the Insert button to complete configure step.

• Click OK in a small popup to complete.
• The Curly Bracket will display a preview of the content of a page.

• Click Update and Close to view the result.

Using Templates to Format the Output

NB! Default Curly Brackets shouldn't be edited and/or updated as the default ones will be updated by the system to defaults. To make a custom template, first, copy the Default Curly Bracket and rename it. You can then edit as needed.

• Admin Panel:
  • In the left menu, select: System Settings > Module Management > Curly Bracket Tags

• • In the grid, the list Curly Bracket will be displayed with Name, Curly Bracket, Template Name, and Description. Also, allow a quick search for a Curly Bracket.

• • Add a new Template for Curly Bracket by clicking the

• Name: Template name is required and not allow duplicate.
• Content: A default content will be displayed, Admin should be added more properties by clicking on Add Property select-box.

• Click Create or Create and Continue Edit to save the template.
  • Edit Curly Bracket template:
    • In the left menu, select: System Settings > Module Management > Curly Bracket Templates
    • Search for a template to modify

• Click the icon to edit, click Save or Save and Continue Edit to save changes.
• Delete Curly Bracket Template.
  • The Template had been marked as Is default template can not be deleted.
  • Click the icon to delete a Curly Bracket Template

List of Curly Bracket Modules

WebEd Curly Brackets allow the editor to quickly insert special WebEd functionality into the page content. The purpose is to provide a fast way for complex content to be added to any page

Menus Module

What is Menu Module?

This curly bracket is used for rendering a responsive menu or navigation on the page. Using this curly bracket, you can have a functional menu navigation using the title of pages you created for your site.

Inserting Menu Module via Curly Brackets

• Go to the WebEd site and log in as Administrator
• Go to Pages and open the page content editor where you want to add this curly bracket.
• In the editor, click the Curly Bracket icon to open the configuration curly brackets

• Once clicked, the Curly Bracket box pops up and there you can see the list of Curly Bracket modules
  
  

• In the Search box, you can put the specific name of the Curly Bracket that you want to create. Search for Menu and click on the Menus item in the search results box.

• The Configure "Menus" will display. Set up configuration options on the left side and review the UI (User Interface) on the right side.
  • ParentID - The parent id to load as root, if not defined or if empty then root will be all page titles and links will display
  • ShowParentMenu - this is where to check if we show the parent as the first node of a menu or not
  • TemplateName - this will use as the template of menus, this is an optional parameter, if not defined then get the default template
  • Preview - this is where to display the preview of your selected module.
  • Insert - click this button to insert in your page content editor.

• Click Update And Close. Then you can see the Menu on the page.

To customize or create a new TemplateName for Menus

• These steps will guide you on how to create/customize the display and styles of your Menu curly bracket.
• Go to the Admin, search for Curly Bracket Templates

• Or you may directly go to Home > Settings > System Settings > Module Management > Curly Bracket Templates
• Once you're on the Template Management page, you can search for the template name of the curly bracket module in the text fields.
• On the left side icons, there you can edit the Template or you can duplicate a template to create a new one.
• Under the Name column is where you can see the list of the duplicated menu module with other designs.

Pages Module

What is a Pages Module?

This module consists of multiple curly bracket functions. It is used for rendering dynamic content from Page Management contents or functional navigation on the page.

• Page Breadcrumbs - breadcrumb is a small text path, often located at the top of a page content indicating where the user is on the site. To add breadcrumbs to your page, you will use this curly bracket function
• Page Content - it is used to get page information and render using a template
• Page Link - it is used to generate a link for pages and render using a template
• Page Members - it is used to loading members for the page and render using a template
• Page Search - it is used to load search results for searching pages by keywords
• Latest Video And Photo Strip - it is used to generate video and photo strips and display them in the page content
• Syndicated Content - it is used to generate syndicated content for a page
• Syndicated HTML content - it is used to generate syndicated HTML templates and display them in a page content

Inserting Page Module via Curly Bracket

• Go to the WebEd site and log in as Administrator
• Go to Pages and open the page content editor where you want to add this curly bracket.
• In the editor, click the Curly Bracket icon to open the configuration curly brackets

 

• Once clicked, the Curly Bracket box pops up and there you can see the list of Curly Bracket modules

 

• In the Search box, you can put the specific name of the Curly Bracket that you want to create. Search for Page and page curly brackets will be shown in the search results box. There, you can choose and click on the specific curly bracket that you want to put in your page content.

For Page Breadcrumb configuration

• These steps will guide you on how to set up configuration settings for your Page Breadcrumb curly bracket.
• Make sure you are in your page content editor to click the curly bracket icon.
• Then type breadcrumb in the search bar

• The Configure "Breadcrumbs" will display. Set up configuration options on the left side and review the UI (User Interface) on the right side.
  • ParentID - select a page title under the Page Select field, the id of the selected page will be needed to generate breadcrumbs.
  • TemplateName - this will use as the template of breadcrumb, this is an optional parameter, if not defined then get the default template

• Click Update And Close. Then you can see the Breadcrumb on the page.

• The generated breadcrumb in your page content would look like this.

For other Pages' curly bracket functions

• The same goes with other Pages' curly bracket functions. Follow the Page Breadcrumbs steps to guide you on how to set up configuration when you want to add it to your page content.

To customize or create a new TemplateName for Pages curly bracket

• These steps will guide you on how to create/customize the display and styles of your Page curly bracket.
• Go to the Admin, search for Curly Bracket Templates

• Or you may directly go to Home > Settings > System Settings > Module Management > Curly Bracket Templates
• Once you're on the Template Management page, you can search for the template name of the curly bracket module in the text fields.
• On the left side icons, there you can edit the Template or you can duplicate a template to create a new one.
• Under the Name column, is where you can see the list of the duplicated menu module with other designs.

PageContent Module

Step 1 - creating your content

• Log in
• Go to Admin
• Click Pages > Pages
• I suggest finding a page that is similar to copy

e.g.: page ID 15. So put 15 in the search space and hit enter (see below)

I would suggest taking a look at how this content was created - look at all the elements of the content you want to re-create i.e. get your image ready to be the same size (456x256px in this instance) & prepare what you want the new content to say etc.

• Edit the Page content you want to COPY
• Hit the ‘source button’ and copy all the code in the Page Content you want to copy - then close the item down

• Return to the Pages index and create your new Page Content by clicking on the yellow square as shown

Your new page is the same as any other at this stage

• Add your new page title
• Put in the page description (for SEO) etc
• Set the page status as online

• When using the curly bracket Page content, you do not need to fill out the position on the page because you will be putting the item directly onto your chosen page using the curly brackets

Important: Remove the page from site navigation by going to Advanced Settings at eh bottom of the page and un-checking or removing the arrow from site navigation - see image

Include Site Navigation box needs to be blank

Your new page content

• Go to the content editor window
• Hit ‘Source’, put your cursor inside the edit window and paste your saved code into the box.
• Hit Source again to see your copied content
• Now you can edit over this copied content with your new image/words etc.
• Once contented - hit Create or Create and Continue to Edit

Step 2 - Putting your new content on the actual web page

• Go to the page you want to add your new content and edit (you need to be logged in)

• Decide where you want the content to go - use the red line to create a space - look for the "Enter" sign on the right-hand side of the red line
• Once you are in the correct position, put your cursor in the gap and go to the Curly bracket icon
• Choose configure and search for Page Content

• Once open, use the 'Page ID' drop-down to choose your page content

  * If you cannot find it,pick a page and change the id numberlater - Hit Insert

• Once you hit insert this is what appears - here you can change the ID number

• Once you are happy with the page ID - hit OK and your new curly bracket (with new page content) will be inserted on the page
• Save and close the page - check the content is what you expected
• Finish

RSS Feeds Module

RSS Feeds Module Overview

• The RSS Module allows you to bring different RSS News Feeds from other sites and have them appear as content on your site.
• Many Sites publish an RSS feed that can be consumed by your site

Inserting RSS Feed via Curly Bracket

• Log in as Administrator, In the left menu, select News > RSS.
• List of RSS Feeds will be displayed in a grid.

• Create a New RSS Feed button

• When selecting Blogger type, only enter the Blogger name instead of the full URL.

• Insert RSS Feed to page.
• Log in to manage your website area (see the login section for details). And right, navigate to the page you wish to change and click to edit by using any of the three options in the example below

• A popup will be displayed. In the Content Editor click select CurlyBracket icon

• Click Configure button in the small popup to go to the curly bracket page.
• Search RSS Feed and enter the RSS in the search box. Then click the RSS item.

• Configure RSS, in this popup:
  • (1): Select an RSS Type then list RSS belonging to the current type will be listed at the second dropdown
  • (2): Choose an item in RSS Feeds then look at the review in the right corner
  • (3): Limit records display. The blank value is load all items.
  • (4): Select a template for the RSS Feed.

• Click the Insert button to complete the config step, then click the OK button to finish.

List of Curly Bracket Functions

WebEd Curly Brackets allow the editor to quickly insert special WebEd functionality into the page content. The purpose is to provide a fast way for complex content to be added to any page

(The list of curly bracket in database:https://docs.google.com/spreadsheets/d/15Av4-llg2anH3MQO7xPYEl4yNjplMolipCjIqTJ8_ug/edit#gid=784054389 )