Insert image

    • Select place where insert image
    • Click toolbar button icon
      Image
      . Image dialog will open:
      Editor Image | CMS Tools Files | Documentation: Image dialog properties (image)
    • Enter image properties:
    1. "Properties" tab selected
    2. Fill properties fields
      • Image URL (or select it with file manager)
      • Title - ex. "Some-title"
      • All text - ex. "Some-text"
      • Size - ex. 103px (width) x 100px (height); Note: aspect ratio is automatically supporting!
      • Aligment
      • Margins - ex. 10px (left) x 10px (top)
      • Border
    3. Open file manager to select file if image is site file
      Editor Image | CMS Tools Files | Documentation: File manager (image)
      Select file and dblclick. Strongly recommend to add prefix "http://your-site-url" to let Google properly index this image
    4. Image preview area

    Image dialog result:

    Editor Image | CMS Tools Files | Documentation: Result dialog (image)

    You can define image more detailed in other tabs:

    • Advanced:
      Editor Image | CMS Tools Files | Documentation: Advanced (image)
      • ID - ex. "Some-id"
      • CSS class - ex. "Some-class-name"
      • CSS style - ex. update width to 200px Note: there is a way how to ignore aspect ratio of "Properties" tab!
      • Detail description URL - ex. "Detail description"
      • Click button: "OK" - insert image, "Cancel" - cancel action
    • Events

    Inserted image result:

    Editor Image | CMS Tools Files | Documentation: Result (image)

    HTML (source) code:

    <img longdesc="Detail description" class="Some-class-name" id="Some-id" style="width:200px;height:100px;vertical-align:baseline" src="http://kusoftas.com/cms/images/docs/cms-entities.gif">

    Edit image

    Editor Image | CMS Tools Files | Documentation: Edit (image)
    • Place mouse cursor before or on image
    • Click toolbar button icon
      Image
      . Edit image properties
    Vulnerability Scanner