.. ================================================== .. FOR YOUR INFORMATION .. -------------------------------------------------- .. -*- coding: utf-8 -*- with BOM. .. include:: ../../../Includes.txt .. _administrators_firststeps_modals: .. index:: single: modal; newsletter Modals ====== Newsletter ---------- If you are interested in a ready-to-use newsletter popup, please refer to * :ref:`Administrators > Best Practice > Newsletter > Modal ` * :ref:`Administrators > Best Practice > Newsletter > Popup ` Content Element --------------- Add to your root page a page "Modals". * Set both Backend Layouts – this page and subpages – to [Start Simple 1: | Main | ] * Move the page type from [Default] to [Folder]. Add to the folder "Modals" the folder "Contact" (in my sample the folder got the page id 8780). Add to the content area of the folder "Contact" a content element: * General * Type: [Text & Images] * Header: Contact * Text: Your name, phone number and e-mail-address. * Images * Upload a portrait of you. * Appearance * Image Adjustments: Width: 100 * Image Alignment: [Beside Text, Left] * Number of columns: [1] Link with the Icon Bar ---------------------- Link the content with an icon of the Icon Bar Start (see section "Icon Bar" on page 13 above). Configure the Icon Bar Start with the Constant Editor. * Category [START - FOUNDATION – ICONBAR START] * 20 pid: page id of the modal folder contact (here: 8780) **Table of Contents** .. toctree:: :maxdepth: 3 :titlesonly: CSS/Index