Avendoo®Move
Avendoo® Move is an author tool within Avendoo® and is designed for structuring individual pages with so-called Moves. You can create without programing know-how simply via drag and drop and simple operating elements high quality responsive layout.
Drag simply with pressed mouse button the appropriate elements from the bar above to the desktop and drop them. If you want to delete the appropriate element, click on the recycle bin icon on the right side of the appropriate content.
It depends on the number of your Move packages in the system, which Moves are available for you. The Moves of the Starter Edition are for free (see below).
You can buy further packages in future additionally to the Moves of the Starter Edition.
Move is continously developed and improved. If you find errors or have some ideas for improvement, we feel happy about a message to our support. Many thanks!
Move is currently in the following wizards available:
- Instructional material wizard
Open Move
You can open Avendoo® Move by clicking the Move icon in the appropriate wizard, for example the Instructional material wizard. Then the editor window of Move opens.
Text editing
You can edit and format text directly in the single moves. If you click on the text, the editor for various formatting opens.
Editor
You can edit and adjust the design of the Moves in the editor. To open the editor, click on the pencil icon, which appears at moving the mouse pointer over the elements. The configurations depend on the single Move.
Some common configurations like Inner padding or Animations are available in almost all Moves. If you use the Move Text on background, you can adjust via this dialog window the background picture and the color overlay.
Preview
You can show the elements as a whole in the preview. Finally you can close the editor and save your changes via click on the button Apply and close. Then the instructional material has also to be saved.
Moves of the Starter Edition
Via this Move you can customize the page.
To open the left editing window, click on the button Customize the page.
Left editing window
To change the background color of the page, click on the arrow on the left side besides Background color and select the appropriate background color via Color Picker.
To change the background picture of the page, click on the arrow on the left side besides Background picture and click on the button Select picture. You can select under Scroll effect Fixed, Fill out or Repeat. Furthermore you can remove the picture again via the button Remove picture.
To change the color overlay of the page, click on the arrow on left side besides Color overlay and select the color overlay in percentage via slider and select the appropriate color via Color Picker.
Right editing window
To open the editor of the text, click directly into the placeholder text. You can do the following changes: Paragraph styles, font, font size, text color, insert image, insert table, insert/remove numbered list, insert list, bold, italic, underline, strikethrough, subscript, superscript, align left, center, align right, justify, insert horizontal line, link instructional material, insert Anchor link, insert special character, insert variable insert/edit/remove link and add media.
Via this Text Move you can insert and configure running text.
To insert running text, click on the menue item Text and drag it via drag and drop on your favored place.
To configure the running text, click on the Pencil of the dialog window and the left editing window opens.
Left editing window
To change the background color for the text, click on the arrow besides Background color. You can select via Color Picker by selecting the basic color via the vertical bar and then selecting the background color in the field on the left side. Alternative you can enter directly a hexadecimal value.
To enter the inner padding in pixels for text above or below, click on the arrow besides Inner padding (PX) and select the appropriate values.
To configure an animation for the text, for example Fade in, Zoom in, Fly in from the top, click on the arrow besides Animation and select the type and the duration. You can test all animations via the button Test all animations.
Right editing window
To change the font formatting of the text, click directly into the placeholder text. The text editor opens. You can do the following changes: Paragraph styles, font, font size, text color, insert image, insert table, insert/remove numbered list, insert list, bold, italic, underline, strikethrough, subscript, superscript, align left, center, align right, justify, insert horizontal line, link instructional material, insert Anchor link, insert special character, insert variable insert/edit/remove link and add media.
You can remove the text again if applicable via the button Remove.
Via this Text Move you can insert and configure a title.
To insert a title, click on the menu item Title and drag it via drag and drop on your favored place.
To configure the title, click on the Pencil of the dialog window of the title and the left editing window opens.
Left editing window
To change the background color for the title, click on the arrow besides Background color. You can select via Color Picker by selecting the basic color via the vertical bar and then selecting the background color in the field on the left side. Alternative you can enter directly a hexadecimal value.
To enter the inner padding in pixels for the title above or below, click on the arrow besides Inner padding (PX) and select the appropriate values.
To configure an animation for the title, for example Fade in, Zoom in, Fly in from the top, click on the arrow besides Animation and select the type and the duration. You can test all animations via the button Test all animations.
Right editing window
To change the font formatting of the title, click directly into the placeholder text. The text editor opens. You can do the following changes: Paragraph styles, font, font size, text color, insert image, insert table, insert/remove numbered list, insert list, bold, italic, underline, strikethrough, subscript, superscript, align left, center, align right, justify, insert horizontal line, link instructional material, insert Anchor link, insert special character, insert variable, insert/edit/remove link and add media.
You can remove the title if applicable via the button Remove.
Via this Text Move you can insert and configure a title and running text.
To insert running text with a title, click on the menu item Title and text and drag it via drag and drop on your favored place.
To configure running text with a title, click on the Pencil of th dialog window of the placeholder text and the left editing window opens.
Left editing window
To change the background color for the title and the text, click on the arrow besides Background color. You can select via Color Picker by selecting the basic color via the vertical bar and then selecting the background color in the field on the left side. Alternative you enter directly a hexadecimal value.
To enter the inner padding in pixels for the title and the text above or below, click on the arrow besides Inner padding (PX) and select the appropriate values.
To configure an animation for the title and the text, for example Fade in, Zoom in, Fly in from the top, click on the arrow besides Animation and select the type and the duration. You can test all animations via the button Test all animations.
Right editing window
To change the font formatting of the title and the text, click directly into the placeholder text. The text editor opens. You can do the following changes: Paragraph styles, font, font size, text color, insert image, insert table, insert/remove numbered list, insert list, bold, italic, underline, strikethrough, subscript, superscript, align left, center, align right, justify, insert horizontal line, link instructional material, insert Anchor link, insert special character, insert variable, insert/edit/remove link and add media.
You can remove the running text with a title if applicable via the button Remove.
Via this Text Move you can insert and configure lists. You add new bullet points via the Enter key. You remove bullet points via the Delete or Remove key.
To insert a list, click on the menu item List and drag it via drag and drop on your favored place.
To configure a list, click on the Pencil of the dialog window of the list and the left editing window opens.
Left editing window
To select the type of list for the bullet points on list, click on the arrow on the left side besides Bullet points on list and select the Type of list, for example Circle.
To change the background color for the bullet points on list, click on the arrow besides Background color. You can select via Color Picker by selecting the basic color via the vertical bar and then selecting the background color in the field on the left side. Alternative you enter directly a hexadecimal value.
To enter the inner padding in pixels for the bullet points on list above or below, click on the arrow besides Inner padding (PX) and select the appropriate values.
To configure an animation for the bullet points on list, for example Fade in, Zoom in, Fly in from the top, click on the arrow besides Animation and select the type and the duration. You can test all animations via the button Test all animations.
Right editing window
To change the font formatting of the text, click directly into the placeholder text. The text editor opens. You can do the following changes: Paragraph styles, font, font size, text color, insert image, insert table, insert/remove numbered list, insert list, bold, italic, underline, strikethrough, subscript, superscript, align left, center, align right, justify, insert horizontal line, link instructional material, insert Anchor link, insert special character, insert variable, insert/edit/remove link and add media.
You can remove the list if applicable via the button Remove.
Via this Image Move you can insert and configure pictures.
To insert a picture, click on the menu item Picture and drag it via drag and drop on your favored place.
To configure a picture, click on the Pencil of the dialog window of the picture and the left editing window opens.
Left editing window
To upload the background picture, click on the arrow on the left side besides Background picture and then on the button Upload picture.
To edit the scroll effect of the picture, click on the arrow on the left side besides Scroll effect and select then, if the Parallax effect should be activated. Yes=Picture is frozen if you scroll
To configure the height of the picture in pixels, click on the arrow on the left side besides Size and enter then the height (px) via the up and down arrows.
To configure an animation for the text, for example Fade in, Zoom in, Fly in from the top, click on the arrow besides Animation and select the type and the duration. You can test all animations via the button Test all animations.
Right editing window
You can remove the picture if applicable via the button Remove.
Via this Image Move you can insert and configure pictures with title and text.
To insert a picture with title and text, click on the menu item Text and picture and drag it via drag and drop on your favored place.
To configure a picture with title and text, click on the Pencil of the dialog window and the left editing window opens.
Left editing window
To configure the text size and picture size or/and arrangement, click on the arrow besides Size/Position and select then the favored text and picture size, for example: Picture of the same size, or/and click on the button Swap picture and text.
To change the background color for the text and the picture, click on the arrow besides Background color. You can select via Color Picker by selecting the basic color via the vertical bar and then selecting the background color in the field on the left side. Alternative you can enter directly a hexadecimal value.
To enter the inner padding in pixels for the text and the picture above or below, click on the arrow besides Inner padding (PX) and select the appropriate values.
To configure an animation for the text, for example Fade in, Zoom in, Fly in from the top, click on the arrow Animation and select the type and the duration. You can test all animations via the button Test all animations.
Right editing window
To upload the picture, click on the placeholder image, then on the button Browse Server and then select the appropriate picture. Further you can enter an alternative text, you can change the width, the height, the border and you can select an alignment or set the check mark Captioned image.
To change the font formatting of the text, click directly into the placeholder text. The text editor opens. You can do the following changes: Paragraph styles, font, font size, text color, insert image, insert table, insert/remove numbered list, insert list, bold, italic, underline, strikethrough, subscript, superscript, align left, center, align right, justify, insert horizontal line, link instructional material, insert Anchor link, insert special character, insert variable, insert/edit/remove link and add media.
You can remove the picture with title and text if applicable via the button Remove.
Via this Image Move you can insert text (inclusive title) on a background picture and configure it.
To insert a text with title on a background picture, click on the menu item Text on background and drag it via drag and drop on your favored place.
To configure a text with title on a background picture, click on the Pencil of the dialog window and the left editing window opens.
Left editing window
To select the background picture, click on the arrow on the left side besides Background picture and then click on the button Select picture.
To edit the scroll effect of the picture, click on the arrow on the left side besides Scroll effect and select then, if the Parallax effect should be activated. Yes=Picture is frozen if you scroll
To edit the contrast between picture and text, click on the arrow on the left side besides Color Overlay and configure via the modulator the color overlay.
To enter the inner padding in pixels for the text and the picture above or below, click on the tab Inner padding (PX) and select the appropriate values.
To configure an animation for the text, for example Fade in, Zoom in, Fly in from the top, click on the tab Animation and select the type and the duration. You can test all animations via the button Test all animations.
Right editing window
To change the font formatting of the title and the text, click directly into the placeholder text. The text editor opens. You can do the following changes: Paragraph styles, font, font size, text color, insert image, insert table, insert/remove numbered list, insert list, bold, italic, underline, strikethrough, subscript, superscript, align left, center, align right, justify, insert horizontal line, link instructional material, insert Anchor link, insert special character, insert variable, insert/edit/remove link and add media.
Via this Media Move you can insert local videos and configure them.
To insert a local video, click on the menu item Local video and drag it via drag and drop on your favored place.
To edit the local video, click on the Pencil of the dialog window of the local video and the left editing window opens.
Left editing window
To change the video source, click on the arrow besides Video source and click on the button Select video.
To change the characteristics of the local video, click on the arrow besides Characteristics and do the appropriate changes by setting check marks.
To insert a subtitle of the local video, click on the arrow besides Subtitles and select the appropriate language.
To insert an optional preview image of the local video, click on the arrow besides Preview image (optional) and select the appropriate picture. You can remove the picture if applicable via the button Remove picture.
To change the size of the local video, click on the arrow besides Size and enter the appropriate value under Maximum width (px).
To change the background color of the local video, click on the arrow besides Background color and select the appropriate color via Color Picker.
To enter the inner padding in pixels for the local video above or below, click on the arrow besides Inner padding (PX) and select the appropriate values.
To configure an animation for the local video, for example Fade in, Zoom in, Fly in from the top, click on the arrow besides Animation and select the type and the duration. You can test all animations via the button Test all animations.
Right editing window
You can play the local video.
You can remove the local video if applicable via the button Remove.
Via this Media Move you can insert external videos and configure them.
To insert an external video, click on the menu item External video and drag it via drag and drop on your favored place.
To edit the external video, click on the Pencil of the dialog window of the local video and the left editing window opens.
Left editing window
To change the YouTube link, click on the arrow besides YouTube link, enter the YouTube link and click on the button Embed video.
To change the size of the external video, click on the arrow besides Size and enter the appropriate value under Maximum width (px).
To change the background color of the external video, click on the arrow besides Background color and select the appropriate color via Color Picker.
To enter the inner padding in pixels for the external video above or below, click on the arrow besides Inner padding (PX) and select the appropriate values.
To configure an animation for the external video, for example Fade in, Zoom in, Fly in from the top, click on the arrow besides Animation and select the type and the duration. You can test all animations via the button Test all animations.
Right editing window
You can play the external video.
You can remove the external video if applicable via the button Remove.
Via this Media Move you can insert audios and configure them.
To insert an audio, click on the menu item Audio and drag it via drag and drop on your favored place.
To edit the audio, click on the Pencil of the dialog window of the audio and the left editing window opens.
Left editing window
To change the audio source, click on the arrow besides Audio source and click on the button Select audio.
To change the characteristics of the audio, click on the arrow besides Characteristics and do the appropriate changes by setting a check mark.
To change the background color of the audio, click on the arrow besides Background color and select the appropriate color via Color Picker.
To enter the inner padding in pixels of the audio above or below, click on the arrow besides Inner padding (PX) and select the appropriate values.
To configure an animation for the audio, for example Fade in, Zoom in, Fly in from the top, click on the arrow besides Animation and select the type and the duration. You can test all animations via the button Test all animations.
Right editing window
You can play the audio.
You can remove the audio if applicable via the button Remove.
Via this Interactive Move you can insert and configure accordions.
To insert an accordion, click on the menu item Accordion and drag it via drag and drop on your favored place.
To configure an accordion, click on the Pencil of the dialog window of the accordion and the left editing window opens.
Left editing window
To configure the font color (active and inactive) and the background color of the title, click on the arrow on the left side besides Title and do the appropriate changes via Color Picker.
To change the font color and the background color of the content (text), click on the arrow on the left side besides Content and do the appropriate changes via Color Picker.
To change the color of the border, click on the arrow on the left side besides Border and do the appropriate changes via Color Picker.
To change the background color of the tabs, click on the left side besides Background color and select the appropriate background color via Color Picker.
To enter the inner padding in pixels for the text above or below, click on the tab Inner padding (PX) and select the appropriate values.
To configure an animation for the tab, for example Fade in, Zoom in, Fly in from the top, click on the tab Animation and select the type and the duration. You can test all animations via the button Test all animations.
Right editing window
To add further accordions, click on Add new accordion below the last accordion.
To change the text of the accordion, click on the appropriate accordion.
To open the editor for the text, click on the running text of the appropriate accordion. You can do the following changes: Paragraph styles, font, font size, text color, insert table, insert/remove numbered list, insert list, bold, italic, underline, strikethrough, subscript, superscript, align left, center, align right, justify, insert/edit/remove link.
Via this Interactive Move you can insert and configure tabs.
To insert a tab, click on the menu item Tab and drag it via drag and drop on your favored place.
To configure a tab, click on the Pencil of the dialog window of the tab and the left editing window opens.
Left editing window
To configure the font color (active and inactive) and the background color of the title, click on the arrow on the left side besides Title and do the appropriate changes via Color Picker.
To change the font color and the background color of the content (text), click on the arrow on the left side besides Content and do the appropriate changes via Color Picker.
To change the color of the border, click on the arrow on the left side besides Border and do the appropriate changes via Color Picker.
To enter the inner padding in pixels for the text above or below, click on the tab Inner padding (PX) and select the appropriate values.
To change the background color of the tabs, click on the left side besides Background color and select the appropriate background color via Color Picker.
To configure an animation for the tab, for example Fade in, Zoom in, Fly in from the top, click on the tab Animation and select the type and the duration. You can test all animations via the button Test all animations.
Right editing window
To add further tabs, click on the + on the right side besides the last tab.
To change the text of the tab, click on the appropriate tab.
To open the editor for the text, click on the running text of the appropriate tab. You can do the following changes: Paragraph styles, font, font size, text color, insert table, insert/remove numbered list, insert list, bold, italic, underline, strikethrough, subscript, superscript, align left, center, align right, justify, insert/edit/remove link.
Via this Layout Move you can insert and configure 2 columns.
To insert 2 columns, click on the menu item 2 columns and drag it via drag and drop on your favored place.
To configure 2 columns, click on the Pencil of the dialog window and the left editing window opens.
Left editing window
To change the number of columns, click on the arrow besides Number of columns and choose the favored number of columns.
To change the vertical alignment, click on the arrow besides Vertical alignment and choose the favored vertical alignment.
To change the background color for 2 columns, click on the arrow besides Background color. You can select via Color Picker by selecting the basic color via the vertical bar and then selecting the background color in the field on the left side. Alternative you enter directly a hexadecimal value.
To enter the inner padding in pixels for 2 columns on list above or below, click on the arrow besides Inner padding (PX) and select the appropriate values.
To configure an animation for 2 columns, for example Fade in, Zoom in, Fly in from the top, click on the arrow besides Animation and select the type and the duration. You can test all animations via the button Test all animations.
Right editing window
To change the column width, click on + or – besides the column width. The second column will be automatically adjusted.
You can remove 2 columns via the button Remove if applicable.
Via this Layout Move you can insert and configure 3 columns.
To insert 2 columns, click on the menu item 3 columns and drag it via drag and drop on your favored place.
To configure 2 columns, click on the Pencil of the dialog window and the left editing window opens.
Left editing window
To change the number of columns, click on the arrow besides Number of columns and choose the favored number of columns.
To change the vertical alignment, click on the arrow besides Vertical alignment and choose the favored vertical alignment.
To change the background color for 2 columns, click on the arrow besides Background color. You can select via Color Picker by selecting the basic color via the vertical bar and then selecting the background color in the field on the left side. Alternative you enter directly a hexadecimal value.
To enter the inner padding in pixels for 3 columns on list above or below, click on the arrow besides Inner padding (PX) and select the appropriate values.
To configure an animation for 3 columns, for example Fade in, Zoom in, Fly in from the top, click on the arrow besides Animation and select the type and the duration. You can test all animations via the button Test all animations.
Right editing window
To change the column width, click on + or – besides the column width. The second column will be automatically adjusted.
You can remove 3 columns via the button Remove if applicable.
Via this Layout Move you can insert and configure 4 columns.
To insert 2 columns, click on the menu item 4 columns and drag it via drag and drop on your favored place.
To configure 2 columns, click on the Pencil of the dialog window and the left editing window opens.
Left editing window
To change the number of columns, click on the arrow besides Number of columns and choose the favored number of columns.
To change the vertical alignment, click on the arrow besides Vertical alignment and choose the favored vertical alignment.
To change the background color for 4 columns, click on the arrow besides Background color. You can select via Color Picker by selecting the basic color via the vertical bar and then selecting the background color in the field on the left side. Alternative you enter directly a hexadecimal value.
To enter the inner padding in pixels for 4 columns on list above or below, click on the arrow besides Inner padding (PX) and select the appropriate values.
To configure an animation for 4 columns, for example Fade in, Zoom in, Fly in from the top, click on the arrow besides Animation and select the type and the duration. You can test all animations via the button Test all animations.
Right editing window
To change the column width, click on + or – besides the column width. The second column will be automatically adjusted.
You can remove 4 columns via the button Remove if applicable.
Via this Layout Move you can insert and configure dividers.
To insert a divider, click on the menu item Divider and drag it via drag and drop on your favored place.
To configure a divider, click on the Pencil of the dialog window and the left editing window opens.
Left editing window
To change the type of the divider, click on the arrow besides Type and choose the favored type.
To change the color of the divider, click on the arrow besides Color and select via Color Picker a color.
To change the weight of the divider, click on the arrow besides Weight (px) and select the favored weight via slider.
To change the background color for the divider, click on the arrow besides Background color. You can select via Color Picker by selecting the basic color via the vertical bar and then selecting the background color in the field on the left side. Alternative you enter directly a hexadecimal value.
To enter the inner padding in pixels for the divider above or below, click on the arrow besides Inner padding (PX) and select the appropriate values.
To configure an animation for the divider, for example Fade in, Zoom in, Fly in from the top, click on the arrow besides Animation and select the type and the duration. You can test all animations via the button Test all animations.
Right editing window
You can remove the divider via the button Remove if applicable.
Magh und Boppert GmbH