A quick tour of editing - Connect IT Community

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .super-nav { display: flex; justify-content: flex-end; align-items: center; margin: 0 auto; max-width: 1264px; padding-left: 40px; padding-right: 40px; height: 40px; text-align: right; } .super-nav a { color: #34427c; margin-right: 20px; padding: 10px; text-decoration: none; } .super-nav a:hover, .super-nav a:focus { background-color: #f7f9fa; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 0; } .footer-image { background-image: url("/themes/kaseya/assets/images/footerImage.png"); height: 500px; background-repeat: no-repeat; background-size: cover; margin-top: -100px; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer-main-content { background-color: #000; padding: 100px 0; } .footer .footer-col-title { color: #ffffff; font-weight: 700; font-size: 13px; padding-bottom: 10px; text-transform: uppercase; } .footer .footer-link { color: #9b9ca0; text-decoration: none; } .footer .footer-link:hover, .footer .footer-link:focus, .footer .footer-link:active { text-decoration: underline; } .footer-main-content .footer-link { padding-top: 10px; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-main-content-row { align-items: flex-start; } .footer-bottom-content { padding: 10px; align-items: center; } .footer-col { padding: 0 3px; display: flex; flex-direction: column; } .footer-col-copyRight { justify-content: flex-start; color: #9b9ca0; flex: 1; display: flex; } .footer-last-col { flex-direction: row; } .footer-last-col .footer-link { padding-right: 10px; text-transform: uppercase; } @media screen and (max-width: 768px) { .super-nav { padding-right: 0; } .footer-image { height: 250px; } .footer-main-content { padding: 40px 0; } .footer .footer-col-title { padding-top: 10px; } .footer-row:not(.footer-main-content-row) { display: block; } .footer-col:not(.footer-main-content-col) { width: 100%; text-align: center; padding: 10px 0; } .footer-main-content-col { width: 50%; } .footer-last-col { flex-direction: column; } .footer-last-col .footer-link { padding-bottom: 10px; } } /*# sourceMappingURL=styles.css.map */ Ask the Community Groups

A quick tour of editing - Connect IT Community | Kaseya

Introduction

IT Glue's document template has two main elements: the editing toolbar and the floating context menus. The editing tool bar allows you to quickly format the text to the way you want them to appear. A context menu is a menu that appears upon user interaction and offers a limited set of actions related to the selected item.

Editing toolbar

The editing toolbar contains several options and commands you will need to format your content.

Heading/font style

Click on Style to apply a heading or font style to highlighted text.

Text tools

Bold, italicize, underline, and strikethrough text
Change the text color and background color
Remove all the formatting on the text

Format bullets/indent tools

Apply numbering or bullets to text
Insert an indent for block quotes
Increase or decrease tab indents

Alignment tools

Change the alignment of text to either left-justified, centered, or right-justified

Undo/redo tools

Undo and redo actions in the text field

Source code tool

Access and edit the underlying HTML code for the text you're working with

Table tool

Choose the number of columns and rows needed
Once you create the table, clicking inside a table cell will display a floating context menu with several actions (refer to the Table Context Menus section later in this KB article)

Embed media

Embed media (iframes) hosted by other services

Context Menus

Add Content context menu

Placing your cursor somewhere inside a block of text and clicking on the plus sign next to it opens this floating context menu which includes the following actions:

Insert inline image
Create bulleted list
Create numbered list
Insert horizontal break line
Add link
Insert table

Edit Text context menu

Highlighting a section of text opens this floating context menu which includes the following actions:

Apply heading and font styles
Bold text
Italicize text
Underline text
Strikethrough text
Add link
Remove formatting

Tables context menu

Clicking inside a table cell opens this floating context menu which includes the following options:

Apply heading and font styles
Rows (insert, delete)
Columns (insert, delete)
Cells (insert, delete, merge/split)
Delete table

Image Alignment context menu

Clicking on an image opens this floating context menu which includes the following options:

Float left
Center
Float right