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. Read online
  • 1.2. Introduction
    • What does it do?
    • Screenshots
  • 1.3. Read online
  • 1.4. Users manual
    • Install Extension
  • 1.5. Read online
    • Read online
  • 1.6. Administration
    • Read online
  • 1.7. Configuration
    • General
  • 1.8. There are four modes of picture selection.
  • 1.9. Read online
  • 1.10. Important : After changing the mode by selection saving is needed to get additional fields !
    • Manual Setup
  • 1.11. Read online
  • 1.12. The “Classic” Way but in this version easier to configure.
  • 1.13. Select the Pictures by single selection.
  • 1.14. Read online
  • 1.15. Read online
  • 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.
    • Read online
    • 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. Read online
  • 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. Read online
  • 1.29. Read online
  • 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. Read online
  • 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. Read online
    • 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. Read online
  • 1.45. Read online
  • 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. Read online
  • 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. Read online
    • 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. Read online
    • 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
    • Read online
    • 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.
    • Read online
  • 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. Read online
  • 1.74. Read online
  • 1.75. “Party #1”, “Party #2” ... are the categories names from Dam.
    • Script Configuration
  • 1.76. Read online
  • 1.77. Read online
  • 1.78. Read online
  • 1.79. Read online
    • Script Option Details
  • 1.80. Read online
    • Color Settings
  • 1.81. Example
    • Auto Setup
    • Reference
    • Tutorial
  • 1.82. Help
  • 1.83. FAQ
  • 1.84. Known problems
  • 1.85. Read online
  • 1.86. To-Do list
  • 1.87. ChangeLog
  • 1.88. Read online
  • 1.89. Read online
  • 1.90. Read online

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