Configuring Editor Toolbars

Why you would use a ToolBars module

If you want to limit the content editor toolbars such as adding a video, font colour or sizes, paragraph alignment and etc. This module is the right tool, or maybe it wants to assign each group of users a specific set of toolbars on the content editor.


When do you need a Toolbar?

When the user needs to set up the toolbar of the user group.


How to Create a New Toolbar configuration

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    Click Settings > ToolBars in the left navigation
  • 3
    Click Create New Toolbar
    Editor Toolbars
  • 4
    Field Overview:
    • Name (1): Toolbar configuration Name
    • Page Toolbar Setup (2): setup for page content editor
    • Basic Toolbar Setup (3): setup for basic toolbar
    • Preview (4): preview icons on the toolbar to display
    Editor Toolbars
  • 5
    Input the name required field, set up the page toolbar and basic toolbar then click Create button.
    Editor Toolbars
    Editor Toolbars
  • 6
    View the Toolbar listing on the grid.
    Editor Toolbars

How to Edit Toolbar configuration?

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    Click Settings > ToolBars in the left navigation
    Editor Toolbars
  • 3
    Click the first icon per row on the grid.
    Editor Toolbars
  • 4
    Input information for update and click Save or Save And Continue Edit: need to pass the validation before the update.
    Editor Toolbars
    Editor Toolbars
    Editor Toolbars
  • 5
    View the Toolbar Listing.
    Editor Toolbars

How to Delete Toolbar configuration

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    Click Settings > ToolBars in the left navigation
    Editor Toolbars
  • 3
    Click the third icon per row on the grid.
    Editor Toolbars
  • 4
    Click OK from confirm message: need to pass the validation before deleting a record.
    Editor Toolbars
    • If this toolbar is related to a user group.
      Editor Toolbars
    • - Click unlink before deleting the toolbar.
      Editor Toolbars
    • - Click the delete button in top-right
      Editor Toolbars
  • 5
    Click OK from the successful message
    Editor Toolbars
  • 6
    Confirm from the list if toolbar is already deleted
    Editor Toolbars

Set up toolbar for new user group

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    Go to User Management > User Groups
    Editor Toolbars
  • 3
    Click Create New User Group
    Editor Toolbars
  • 4
    Input data must pass all failed cases
    Editor Toolbars
  • 5
    Click Create or Create And Continue Edit
  • 6
    Click Create: back to the User Group listing and show a message create successfully
    Editor Toolbars
  • 7
    Click Create And Continue Edit: redirect to the edit user group page and show a message create successfully
    Editor Toolbars

Set up a toolbar for existing user group

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    Go to User Management > User Groups
    Editor Toolbars
  • 3
    In the User Group listing, click the first icon to go to the user group for the editing page.
    Editor Toolbars
  • 4
    Update value, select toolbar for user group if any
    Editor Toolbars
  • 5
    Click Save or Save And Continue Edit
    • Click Save: back to User Group listing and show message edit successfully
      Editor Toolbars
    • Click Save And Continue Edit: keep going to the edit page and show a message edit successfully
      Editor Toolbars

Setup user group for new user

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    Go to User Management > Users
    Editor Toolbars
  • 3
    Click Create New User
    Editor Toolbars
  • 4
    Input information for the User
  • 5
    Select User Group
    Editor Toolbars
  • 6
    Click Create or Create And Continue Edit: must pass all failed cases
    • If you click Create:
      Create message successfully
      Back to grid
    • If you click Create And Continue Edit:
      Create message successfully
      Redirect to form edit

Set up a user group for existing user

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    Go to User Management > Users
    Editor Toolbars
  • 3
    From the User listing, click the first icon per row on the grid
    Editor Toolbars
  • 4
    Setup User Group for User
  • 5
    Select User Group
    Editor Toolbars
  • 6
    Click Create or Create And Continue Edit: must pass all failed cases
    • If Click Create
      Create message successfully
      Back to grid
    • If Click Create And Continue Edit
      Create message successfully
      Redirect to form edit

Loading toolbar by user login

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    Set user group that can edit the page
    Editor Toolbars
  • 3
    Log in as the user that has the user group assigned toolbar access
    Editor Toolbars
  • 4
    Go to the page to edit or create a page
    Editor Toolbars
    • (1) Basic Toolbar
    • (2) Page Toolbar