.. You may want to use the usual include line. Uncomment and adjust the path. .. include:: ../Includes.txt ================== EXT: Modal Content ================== :Author: Christopher :Created: 2010-12-18T19:57:23 :Changed by: Jürgen Furrer :Changed: 2014-03-17T23:59:05 :Classification: jfmodalcontent :Description: Slide modal contents from top, right, bottom and left side over your website. Use t3jquery for better integration of other jQuery extensions. :Keywords: jQuery, t3jquery, Content, Modal :Author: Juergen Furrer :Email: juergen.furrer@gmail.com :Language: en .. _img-1-img-2-EXT-Modal-Content: |img-1| |img-2| EXT: Modal Content ================================== Extension Key: jfmodalcontent Language: en Version: 0.0.1 Keywords: jQuery, t3jquery, Content, Modal Copyright 2006-2012, Juergen Furrer, This document is published under the Open Content License available from http://www.opencontent.org/opl.shtml The content of this document is related to TYPO3 \- a GNU/GPL CMS/Framework available from www.typo3.org Sponsored by `http://www.quadronet.de/ `_ .. _Table-of-Contents: Table of Contents ----------------- **`EXT: Modal Content 1 <#__RefHeading__5708_1738894311>`_** **`Introduction 3 <#__RefHeading__5710_1738894311>`_** `What does it do? 3 <#__RefHeading__463_413120346>`_ `Screenshots 3 <#__RefHeading__465_413120346>`_ **`Users manual 4 <#__RefHeading__467_413120346>`_** **`Administration 5 <#__RefHeading__31511_818911409>`_** **`Configuration 6 <#__RefHeading__31515_818911409>`_** `Reference 6 <#__RefHeading__31519_818911409>`_ **`Known problems 8 <#__RefHeading__31525_818911409>`_** **`To-Do list 9 <#__RefHeading__477_413120346>`_** **`ChangeLog 10 <#__RefHeading__31623_818911409>`_** .. _Introduction: Introduction ------------ .. _What-does-it-do: What does it do? ^^^^^^^^^^^^^^^^ This extension will implements jQuery modalContent as a frontend plugin. Your able to define the animation direction and duration of the content. .. _Screenshots: Screenshots ^^^^^^^^^^^ |img-3| Demo: `http://typo3.cms-jack.ch/de/erweiterungen/jfmodalcontent/ `_ `http://www.suedpfalz-culinarium.de/ `_ .. _Users-manual: Users manual ------------ Go to Web → Page Choose the page to add the new Image cycle Add new content Choose Plugin → “Modal content” Go to tab “Plugin” Define the used animation and the width of the content Define the delay and the transition of the IN-Animation Define the delay and the transition of the OUT-Animation Define your own options if needed |img-4| |img-5| |img-6| |img-7| Administration -------------- You are able to change the following options in configuration: .. ### BEGIN~OF~TABLE ### .. _frontendErrorMsg: frontendErrorMsg ^^^^^^^^^^^^^^^^ .. container:: table-row Property frontendErrorMsg Data type boolean Description If set, messages in case of missing templates are displayed in FE (Turn of in production) Default 1 .. _useSelectInsteadCheckbox: useSelectInsteadCheckbox ^^^^^^^^^^^^^^^^^^^^^^^^ .. container:: table-row Property useSelectInsteadCheckbox Data type boolean Description If set, most of checkboxes will turn into selectboxes, so you can choose "from TS" Default 0 .. _availableClasses: availableClasses ^^^^^^^^^^^^^^^^ .. container:: table-row Property availableClasses Data type string Description Define the available classes for the content Default ,alert-error,alert-block,alert-success,alert-info .. _allowedDbTypesForContent: allowedDbTypesForContent ^^^^^^^^^^^^^^^^^^^^^^^^ .. container:: table-row Property allowedDbTypesForContent Data type string Description Define the available DB-Types On empty: tt\_content,fe\_users (tt\_news and tt\_address if available) Default .. ###### END~OF~TABLE ###### .. _Page-configuration: Page configuration ^^^^^^^^^^^^^^^^^^ Your able to configure the available content classes by pageTS. :: mod.jfmodalcontent { availableClasses = alert-error, alert-block } With this configuration the drop down for the content Class will look like this: |img-8| Configuration ------------- To install this extension, add the static “Modal Content” to your template |img-9| Reference ^^^^^^^^^ .. ### BEGIN~OF~TABLE ### .. _jQueryNoConflict: jQueryNoConflict """""""""""""""" .. container:: table-row Property jQueryNoConflict Data type boolean Description Use the noConflict mode Default 1 .. _jsInFooter: jsInFooter """""""""" .. container:: table-row Property jsInFooter Data type boolean Description If set, the Javascript will be rendered in Footer Default 0 .. _jsMinify: jsMinify """""""" .. container:: table-row Property jsMinify Data type boolean Description If set, the Javascript will be minified Default 0 .. _jsInline: jsInline """""""" .. container:: table-row Property jsInline Data type boolean Description If set, the Javascript will be inserted into the inlineJS, after this, its possible to put it into external files (config.removeDefaultJS = external) Default 0 .. _cssMinify: cssMinify """"""""" .. container:: table-row Property cssMinify Data type boolean Description If set, the CSS will be minified Default 0 .. _templateFileJS: templateFileJS """""""""""""" .. container:: table-row Property templateFileJS Data type file Description Location of the used template for JS Default EXT:jfmodalcontent/res/tx\_jfmodalcontent\_pi1.js .. _jQueryLibrary: jQueryLibrary """"""""""""" .. container:: table-row Property jQueryLibrary Data type file Description Location of the jQuery Lib, if empty or file does not exist, the script will not be included Default EXT:jfmodalcontent/res/jquery/js/jquery-1.7.1.min.js .. _jQueryCookies: jQueryCookies """"""""""""" .. container:: table-row Property jQueryCookies Data type file Description Location of jQuery Cookies, if empty or file does not exist, the script will not be included Default EXT:jfmodalcontent/res/jquery/js/jquery.cookie.js .. _jQueryEasing: jQueryEasing """""""""""" .. container:: table-row Property jQueryEasing Data type file Description Location of the jQuery Easing, if empty or file does not exist, the script will not be included Default EXT:jfmodalcontent/res/jquery/js/jquery.easing-1.3.js .. _modalContentJS: modalContentJS """""""""""""" .. container:: table-row Property modalContentJS Data type file Description Location of the modalContent JS-file, if empty or file does not exist, the script will not be included Default EXT:jfmodalcontent/res/jquery/js/jquery.modalContent-0.1.min.js .. _modalContentCSS: modalContentCSS """"""""""""""" .. container:: table-row Property modalContentCSS Data type file Description Location of the modalContent CSS-File, if empty or file does not exist, the script will not be included Default EXT:jfmodalcontent/res/modalContent/style.css .. _config-inAnimation: config.inAnimation """""""""""""""""" .. container:: table-row Property config.inAnimation Data type string Description Animation to show / hide the content (top, left, right, bottom, fade, slide) Default top .. _config-content: config.content """""""""""""" .. container:: table-row Property config.content Data type integer Description Content ID to show Default .. _config-contentWidth: config.contentWidth """"""""""""""""""" .. container:: table-row Property config.contentWidth Data type string Description The CSS value of the width of the content Default 400px .. _config-contentClass: config.contentClass """"""""""""""""""" .. container:: table-row Property config.contentClass Data type string Description The CSS-Classname to add to the content Default .. _config-modalFadeDuration: config.modalFadeDuration """""""""""""""""""""""" .. container:: table-row Property config.modalFadeDuration Data type integer Description Duration to fade the modal content in ms Default 500 .. _config-cookieExpires: config.cookieExpires """""""""""""""""""" .. container:: table-row Property config.cookieExpires Data type integer Description Cookie expire days, if “0” the cookie will expires with the session Default .. _config-inDelay: config.inDelay """""""""""""" .. container:: table-row Property config.inDelay Data type integer Description Delay to show the content Default .. _config-inTransition: config.inTransition """"""""""""""""""" .. container:: table-row Property config.inTransition Data type string Description Type of transition ('swing', 'linear', 'Quad', 'Cubic', 'Quart', 'Quint', 'Sine', 'Expo', 'Circ', 'Back', 'Bounce' or 'Elastic') Default .. _config-inTransitiondir: config.inTransitiondir """""""""""""""""""""" .. container:: table-row Property config.inTransitiondir Data type string Description Direction of transition ('In', 'Out' or 'InOut') Default .. _config-inTransitionduration: config.inTransitionduration """"""""""""""""""""""""""" .. container:: table-row Property config.inTransitionduration Data type integer Description Duration of transition in ms Default .. _config-outDelay: config.outDelay """"""""""""""" .. container:: table-row Property config.outDelay Data type integer Description Delay to hide the content Default .. _config-outTransition: config.outTransition """""""""""""""""""" .. container:: table-row Property config.outTransition Data type string Description Type of transition ('swing', 'linear', 'Quad', 'Cubic', 'Quart', 'Quint', 'Sine', 'Expo', 'Circ', 'Back', 'Bounce' or 'Elastic') Default .. _config-outTransitiondir: config.outTransitiondir """"""""""""""""""""""" .. container:: table-row Property config.outTransitiondir Data type string Description Direction of transition ('In', 'Out' or 'InOut') Default .. _config-outTransitionduration: config.outTransitionduration """""""""""""""""""""""""""" .. container:: table-row Property config.outTransitionduration Data type integer Description Duration of transition in ms Default .. _config-options: config.options """""""""""""" .. container:: table-row Property config.options Data type string Description Define own options Default .. _config-optionsOverride: config.optionsOverride """""""""""""""""""""" .. container:: table-row Property config.optionsOverride Data type boolean Description Define if the options defined above will override all other options or append to it Default 0 .. _table-content: table.\*.content """""""""""""""" .. container:: table-row Property table.\*.content Data type cObject Description cObj for the content Default .. _table-contentWrap: table.\*.contentWrap """""""""""""""""""" .. container:: table-row Property table.\*.contentWrap Data type stdWrap Description Wrap for content based display Default .. ###### END~OF~TABLE ###### [tsref:plugin.tx\_jfmodalcontent\_pi1] .. _FAQ: FAQ """ .. _I-like-to-add-some-scripts-css-files-globally-is-this-possible: I like to add some scripts / css -files globally, is this possible? ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ If you like to add the library globally you can set an empty string to the values. Only existing files will be included! This will work for jQueryLibrary, jQueryCookies, jQueryEasing, modalContentJS and modalContentCSS. .. _Known-problems: Known problems -------------- Report bugs at `http://forge.typo3.org/projects/show/extension- jfmodalcontent `_ .. _To-Do-list: To-Do list ---------- Report features at `http://forge.typo3.org/projects/show/extension- jfmodalcontent `_ .. _ChangeLog: ChangeLog --------- .. ### BEGIN~OF~TABLE ### .. _0-0-1: 0.0.1 ^^^^^ .. container:: table-row Version 0.0.1 Changes Initial development .. _0-1-0: 0.1.0 ^^^^^ .. container:: table-row Version 0.1.0 Changes Add close by ESC-Key (#35099) / Fix the overlay size (#35085) .. _0-2-0: 0.2.0 ^^^^^ .. container:: table-row Version 0.2.0 Changes Add contentClass to add CSS-class to the content (#34975) .. _1-0-0: 1.0.0 ^^^^^ .. container:: table-row Version 1.0.0 Changes Add additional content types (#34973) / First stable version .. _1-0-1: 1.0.1 ^^^^^ .. container:: table-row Version 1.0.1 Changes Stable .. _1-0-2: 1.0.2 ^^^^^ .. container:: table-row Version 1.0.2 Changes Add jQuery 1.7.2 / Remove deprecated methods (#36599) .. _1-0-3: 1.0.3 ^^^^^ .. container:: table-row Version 1.0.3 Changes Fix t3lib\_utility\_VersionNumber::convertVersionNumberToInteger for older typo3 versions .. _1-0-4: 1.0.4 ^^^^^ .. container:: table-row Version 1.0.4 Changes Switch the content of js (normal / min) / Fix compatibility for Typo3 V6 (#41010) .. _1-0-5: 1.0.5 ^^^^^ .. container:: table-row Version 1.0.5 Changes Fix “Add new” in backend .. _1-0-6: 1.0.6 ^^^^^ .. container:: table-row Version 1.0.6 Changes Add compatibility for TYPO3 6.2 .. ###### END~OF~TABLE ###### .. ######CUTTER_MARK_IMAGES###### .. |img-1| image:: img-1.png .. :align: left .. :border: 0 .. :height: 44 .. :id: graphics5 .. :name: graphics5 .. :vspace: 57 .. :width: 161 .. |img-2| image:: img-2.png .. :align: left .. |img-3| image:: img-3.png .. :align: left .. :border: 0 .. :height: 233 .. :id: Grafik2 .. :name: Grafik2 .. :width: 448 .. |img-4| image:: img-4.png .. :align: left .. :border: 0 .. :height: 264 .. :id: Grafik3 .. :name: Grafik3 .. :width: 325 .. |img-5| image:: img-5.png .. :align: left .. :border: 0 .. :height: 194 .. :id: Grafik4 .. :name: Grafik4 .. :width: 320 .. |img-6| image:: img-6.png .. :align: left .. :border: 0 .. :height: 190 .. :id: Grafik5 .. :name: Grafik5 .. :width: 317 .. |img-7| image:: img-7.png .. :align: left .. :border: 0 .. :height: 202 .. :id: Grafik6 .. :name: Grafik6 .. :width: 322 .. |img-8| image:: img-8.png .. :align: left .. :border: 0 .. :height: 77 .. :id: Grafik7 .. :name: Grafik7 .. :width: 111 .. |img-9| image:: img-9.png .. :align: left .. :border: 0 .. :height: 185 .. :id: Grafik1 .. :name: Grafik1 .. :width: 477