MooFlow V0.2 integration

Copyright © by Claus Fassing <claus@no spam pleasefassing.eu>
Published under the Open Content License available from http://www.opencontent.org/opl.shtml

Table Of Contents

• 1. EXT: MooFlow V0.2 integration
  • 1.1. Extension Manuals
  • 1.2. Introduction
    • What does it do?
    • Screenshots
  • 1.3. Extension Manuals
  • 1.4. Users manual
    • Install Extension
  • 1.5. Extension Manuals
    • Extension Manuals
  • 1.6. Administration
    • Extension Manuals
  • 1.7. Configuration
    • General
  • 1.8. There are four modes of picture selection.
  • 1.9. Extension Manuals
  • 1.10. Important : After changing the mode by selection saving is needed to get additional fields !
    • Manual Setup
  • 1.11. Extension Manuals
  • 1.12. The “Classic” Way but in this version easier to configure.
  • 1.13. Select the Pictures by single selection.
  • 1.14. Extension Manuals
  • 1.15. Extension Manuals
  • 1.16. Now you can set parameters for each image. The number on first position represent the image in list order.
  • 1.17. You can use the “0” as number prefix to set title and alt globally for all images.
  • 1.18. In this case following numbers are ignored.
  • 1.19. The other way is to set parameters individually for each image by using a number represented the image in list order.
    • Extension Manuals
    • Parameter Settings
  • 1.20. [Num]=[Key]:[Value];[Key]:[Value]...
  • 1.21. [Num=] = Represent the image in list order.
  • 1.22. [Key]:[title|alt|href|target]
  • 1.23. Note : if target not set default will be '_blank'
    • Example
  • 1.24. 1=title:My first picture;alt:with my new cam
  • 1.25. Extension Manuals
  • 1.26. As you can see, title and alt can combined. This is usefull for click behavior “ReMooz” (See Script Configuration),
  • 1.27. cause this will show under the enlarged picture as “My first picture - with my new cam”. See Screenshot.
  • 1.28. Extension Manuals
  • 1.29. Extension Manuals
  • 1.30. Do you want  just one title and description at all ? Just set one entry with a starting “0=”.
    • Example
  • 1.31. 0=title:Wedding;alt:of Adam and Eva
  • 1.32. Each picture will have “Wedding” as title and enlarged “Wedding – of Adam and Eva”
  • 1.33. Extension Manuals
  • 1.34. If you would like to use this extension to list your popular links, use the click behavior “link” from Script Configuration
  • 1.35. and set the “href” parameter to target URL (Do not use http:// !). To get a description in this case use the “title” parameter.
  • 1.36. Extension Manuals
    • Example link method (internal) – realurl
  • 1.37. 1=title:My first picture;alt:with my new cam;href:/home;target:_self
  • 1.38. Relative path will do.
    • Example link method (internal) – without realurl
  • 1.39. 1=title:My first picture;alt:with my new cam;href:###/index.php?id=250###;target:_self
  • 1.40. Relative path will do.
    • Example link method (external)
  • 1.41. 1=title:My first picture;alt:with my new cam;href:www.external_domain.tld
  • 1.42. target option is not need to set, cause default target will set as '_blank'
  • 1.43. If your external link use one of the protected characters (see below), don't forget to escape (see below).
  • 1.44. Extension Manuals
  • 1.45. Extension Manuals
  • 1.46. Note : If  click behavior is set to link and “href” parameter is not set, double click will act like a normal click enlarge !
  • 1.47. If you would like to use a hyperlink or anything else which use protected characters in title and/or description and/or href it is necessary to escape this.Protected characters are “:” , “;” , “=”
  • 1.48. For Example
  • 1.49. 1=title:###Foo:Bar###;alt:###Description text <a href=http://www.domain.tld target =_blank>Visit Domain</a>###
  • 1.50. 1=title:myTitle;alt;myDescription;href:###/index.php?id=245###
  • 1.51. Extension Manuals
  • 1.52. Important : Do not use “ (quotes) inside !
  • 1.53. The escape characters are ### must set at the start and end of the string to be escaped
  • 1.54. Extension Manuals
    • Directory Setup
  • 1.55. Select a directory as image source.
  • 1.56. Note : There are only global settings of title and alt parameters. Usefull if no individual description of every picture is needed.
  • 1.57. Extension Manuals
    • Dam Setup
  • 1.58. Note : Only selectable if Dam Extension is installed and active ! You should know to handle Dam Extension !
  • 1.59. In this mode parameters like title and alt comes from the picture directly. Dam Indexing required !
  • 1.60. The represented Dam fields are :
  • 1.61. Title = title
  • 1.62. Description = alt
  • 1.63. Instruction/Usage = href
  • 1.64. Note : Do not use http:// on href parameter !You can set links in Title / Description filed, but do not use quotes inside e.g.<a href=typo3.org target=_blank>linkt to typo3.org</a>By using text only you can use quotes and other html special chars
    • Extension Manuals
    • Dam Category Setup
  • 1.65. Note :  Only selectable if Dam and Dam Cat Extension is installed and active ! You should know to handle Dam Extension !
  • 1.66. Same as Dam setup.
  • 1.67. Sorting:
  • 1.68. Pictures of Dam Category can be display sorted by tx_dam field. See Typoscript reference for further information.
    • Extension Manuals
  • 1.69. Additional option:
  • 1.70. With Dam Category selection comes a further option called “Dynamic loading”. This is only usefull with more than onecategory selected. This option create a linklist under the gallery from category names. The first category will load automatically through startup the page. The other categories can load dynamically without page reload (ajax) by hit another link.
  • 1.71. To style the links (e.g. as buttons) you can use the css class from surrounded div “tx_cfamooflow_pi1_loadjson” and “isInitLoadCat” which is needed to mark the first loaded cat.
  • 1.72. Important : This option only work with PHP Version >= 5.2.0 !
  • 1.73. Extension Manuals
  • 1.74. Extension Manuals
  • 1.75. “Party #1”, “Party #2” ... are the categories names from Dam.
    • Script Configuration
  • 1.76. Extension Manuals
  • 1.77. Extension Manuals
  • 1.78. Extension Manuals
  • 1.79. Extension Manuals
    • Script Option Details
  • 1.80. Extension Manuals
    • Color Settings
  • 1.81. Example
    • Auto Setup
    • Reference
    • Tutorial
  • 1.82. Help
  • 1.83. FAQ
  • 1.84. Known problems
  • 1.85. Extension Manuals
  • 1.86. To-Do list
  • 1.87. ChangeLog
  • 1.88. Extension Manuals
  • 1.89. Extension Manuals
  • 1.90. Extension Manuals

This document is related to version 0.3.8 of the extension cfa_mooflow.