Add media and links

What are elements?

An “element” is generally “something” that can be added to a page; So in addition to a possible background on a page is placed.
The following “elements” are currently supported:

Prepared but not yet implemented is a “Text Element”

Every Mz3 book, regardless of whether page images (page wallpapers) have already been added or whether the pages are empty, can be added to “elements”.
The general procedure for all element types is very similar. In these cases, the term “element” is used as a generic term.

Basic procedure

Many operations are the same for all elements; regardless of the element type. These general things are described here.
The element-specific operations and options are described in the element-specific chapters.

Selection of an element

As already described for the handling of the page elements, one or more elements are selected via the Explorer / Finder.

In the “Add element window” you will find a button which opens the Explorer / Finder.

  • For image elements: .jpg, .png. .swf, .svg

! https://manula.r.sizr.io/large/user/14418/img/explorer-supportedimagetypes.png!

  • For video elements: .mp4, .mpv4
  • For audio elements: .mp3, .wav

There are the following link types:

  • local link
    A local link will jump to pages within the current Mz3 book. The page number is entered as destination / link
    !{IMAGE-LINK+addElement-linklocal page}!

  • Anchor ((color-gray) Not yet supported in Javascript_version)
    On one side an “anchor” can be set. This is a named link destination
    An “anchor” is assigned to a page using the page parameter “anchor:” and then defined as a link using the label “anchor:”.

**Example*:
Page Parameters anchor: set and enter “FAQs” as the value.
In the link element the link “anchor: FAQs” will be entered.
A click in the Mz3 book then jumps to the page marked “FAQs”.

Advantage: An anchor remains valid and leads to the correct landing page, even if later pages are added or deleted!

  • Website “
    As a link address the complete (* URL *) leading to the website is entered.
    This URL must be complete and begin with the protocol type, either https: // (nowadays default, “Wikipedia”: https: //de.wikipedia.org/wiki/Hypertext_Transfer_Protocol_Secure) or http: //.
    (color-blue) Exception: https.// is inserted automatically if no other protocol or page number is detected
  • Email Link
    An email link starts with * mailto: *, followed by the email address.
    If you click on such a link in the Mz3 book, the e-mail program linked by default to e-mails will be called up and the specified address already entered.

! https://manula.r.sizr.io/large/user/14418/img/addelement-linkmailto.png!

Position an element

All elements can be set to pages using the same functions and operations and moved on one page.
The following options are supported for * each element type *:

  • Interactive on the open page in the Mz3 book:
    • Page selection by scrolling through the Mz3 book
    • Moving the element with the mouse (Drag & Move)
  • In a variety of ways * for all elements * in the Advanced Edit Window; see details there!
    • via slider (slider)
    • About input of position and size as pixel value (left, top)
    • By entering the position as a percentage (left, top)
    • Move with “snap-in” to grid points
    • Put on fixed positions: hoizantale / vertical / side center, left / right / upper / lower edge
    • Using a layout grid with up to 4 * 6 positions on a single page
      !{IMAGE-LINK+layout position}!


  • Only for image and video elements (description in chapter Layout-based automatic)
  • Automatic positioning on layout positions; with automatic page change
  • Use Free Space Only
    Optional restriction on the use of free, not yet occupied layout positions (images may not overlap)



Scale an element

All elements can be scaled using the same functions and operations.
The following options are supported for * each element type *:

  • Interactive and intuitive on the open page in the Mz3 book with the mouse:
    • Drag an element page to distort (the aspect ratio will not be preserved, though you will see it differently in the preview!)
    • Pulling one of the element corners outwards: The element is proportionally enlarged proportionally
      !{IMAGE-LINK+addElement-interactive-mouse scale}!

  • Pulling one of the element corners inwards: The element is enlarged while maintaining the aspect ratio

  • In various ways in the Advanced Edit Window; see details there!
    • via slider (slider)
    • By entering the width and height as the pixel value
    • By entering the width and height as a percentage

  • Scale to full page size with or without margins (adjustable)
  • Scaling with adjustable step sizes


Add to the book

Once the item’s position and size are set, the item can be placed / added to the page.

Add a single element


A single element is added to the page after positioning with “Add Immediately”




Add multiple elements

If you select several elements, they can also be automatically set to setien.
The arrangement is then made according to the set layout (parts under Add Elements – Add Image Elements and Layout-based Automatic) automatic}).
The first elements can also be added individually (“Add Immediately”). Then you can check before starting the “automatic”, whether the positions fit.
If everything is as expected, “Add Automatically” can start the automatic positioning and transfer to the book.




Page Number Assignment

If the file name contains a number that could be used as a page number, you will be asked if you want to use this type of automatic positioning:




Element-specific features

In addition to these functions, which are the same for all elements, there are some element-specific features that are described in these chapters, for example:

  • Element-specific settings for Images, Video, Audio -elements} and links
  • Automatically fill an adjustable layout with images

Last modified: 2019/02/10

Feedback

Was this helpful?

Yes No
You indicated this topic was not helpful to you ...
Could you please leave a comment telling us why? Thank you!
Thanks for your feedback.

Post your comment on this topic.

Post Comment