Configure which buttons are available on the HTML toolbar.

Before you begin

Role required: admin

Procedure

  1. Update the toolbar options for your preferred HTML field editor.
    OptionDescription
    htmlArea toolbar
    1. Navigate to the System properties [sys_properties] table by entering sys_properties.list in the application navigator.
    2. In the Name column, search for glide.ui.html.toolbar.
    3. Select the glide.ui.html.toolbar property.
    TinyMCE
    1. Navigate to the System properties [sys_properties] table by entering sys_properties.list in the application navigator.
    2. In the Name column, search for glide.ui.html.editor.toolbar.
    3. Select the glide.ui.html.editor.toolbar property.
  2. In the Value field, enter or remove buttons for each toolbar as a comma-separated list without spaces.

    For the TinyMCE toolbar, all the toolbar buttons mentioned in the TinyMCE button options table are available in the glide.ui.html.editor.toolbar.valid_buttons. You can choose from the list found there and add it to the System properties [sys_properties] glide.ui.html.editor.toolbar. Use a vertical bar ("|") to add a section separator.

    Table 1. TinyMCE button options
    Button purposeAccepted button names
    Formatting
    • aligncenter
    • alignjustify
    • alignleft
    • alignright
    • backcolor
    • blocks
    • blockquote
    • bold
    • bullist
    • fontfamily
    • fontsize
    • forecolor
    • indent
    • italic
    • ltr
    • newdocument
    • nonbreaking
    • numlist
    • outdent
    • pagebreak
    • removeformat
    • rtl
    • strikthrough
    • subscript
    • superscript
    • underline
    Table functions
    • table
    • tableofcontens
    Editing
    • copy
    • cut
    • paste
    • pastetext
    • redo
    • searchreplace
    • undo
    Extended functions
    • a11ycheck
    • anchor
    • charmap
    • code
    • codesample
    • emoticons
    • fullscreen (not supported by Internet Explorer)
    • hr
    • image
    • insertdatetime
    • link
    • media
    • preview
    • print
    • unlink
    • visualblocks
    • visualchars

    For the htmlArea toolbar, use the buttons listed in the htmlArea button options table. Use separator to add a section separator.

    Table 2. htmlArea button options
    Button purpose Accepted button names
    Formatting
    • bold
    • fontname
    • fontsize
    • forecolor
    • formatblock
    • hilitecolor
    • indent
    • insertorderedlist
    • insertunorderedlist
    • italic
    • justifycenter
    • justifyfull
    • justifyleft
    • justifyright
    • outdent
    • underline
    Editing
    • copy
    • paste
    • undo
    Extended functions
    • a11ycheck
    • createlink
    • htmlmode
    • inserthorizontalrule
    • insertimage
    • inserttable
    • insertvideo
  3. Select Update.

What to do next

See Change the TinyMCE default toolbar for more detailed information.