TYPO3 Logo
SAV Library Plus
Release: main

Loading data.

  • Introduction
  • Users Manual
  • Configuration
    • Flexform Associated With the Plugin
    • Routing - "Speaking URLs" With SAV Library Plus
    • Changing the Default Icons and Images
    • Changing the Default Template for the Views
    • Changing the Default CSS
    • Changing the Field Configuration
    • Changing Date and DateTime Default Configurations
    • Changing the Date Picker Default Configurations
    • Adding Parameters to Links
    • Maintenance Configurations
  • Tutorial 0: Test Extension
  • Tutorial 1: Contact List
    • Extension Overview
    • Using the Extension
    • How to?
  • Tutorial 2: CD Album
    • Using the Extension
    • How to?
  • Tutorial 3: CD Album (Advanced)
    • Extension Overview
    • Using the Extension
  • Tutorial 4: CD Album (Improved)
    • Extension Overview
    • Using the Extension
  • Tutorial 5: Hooks
    • Extension Overview
  • Tutorial 6: Email and RTF
    • Extension Overview
    • Configuration
  • Tutorial 7: Guest Book
    • Extension Overview
    • Installation and Configuration
    • Template and CSS Files
  • Tutorial 8: Fe Users Admin and Export
    • Extension Overview
    • Installation and Configuration
  • Tutorial 9: Using XML Graph
    • Extension Overview
  • Tutorial 10: Using TypoScript (Gallery With a Map)
    • List View
    • Edit View
    • Single View
    • Configuration of the Plugin
  • Other examples
  • Credits
  • Changelog

PAGE CONTENTS

  • Tutorial 10: Using TypoScript (Gallery With a Map)
    • Tables of Contents
  1. Start
  2. Tutorial 10: Using TypoScript (Gallery With a Map)
View source How to edit Edit on GitHub

Display settings


Color scheme of code blocks:


Tutorial 10: Using TypoScript (Gallery With a Map)¶

The aim of this tutorial is to show how to use TypoScript into an extension. In this example, we want to display a gallery of pictures.

We will use three views in only one form for the sake of the simplicity (see previous examples to create an admin form):

  • The List view to display small images.

../_images/Tutorial10IntroductionListView.png
  • The Edit view to enter the picture, its title, a description and the address corresponding to the picture.

../_images/Tutorial10IntroductionEditView.png
  • The Single view with a special organization. The picture is on the left, then the title and the description is displayed at the right of the picture and, finally, the map, where the marker is defined by the address, goes to the right of the description. By clicking on the image, it should be displayed in its original size.

../_images/Tutorial10IntroductionSingleView.png

Several authenticated users may use the plugin. Each user can modify or delete the records he/she has created.

  • Download this example from the TER (sav_library_example10) and install it.

  • Download also the extension maps2 from the TER, read the documentation and install it. By default the configuration it set to provide maps from OpenStreetMap.

Tables of Contents¶

  • List View
  • Edit View
  • Single View
  • Configuration of the Plugin
  • Previous
  • Next
  • Home
  • Contact
  • Issues
  • Repository

Page last updated: Oct 05, 2023 13:09

Last rendered: Oct 05, 2023 13:10

  • TYPO3 Theme 4.9.0
  • DRC v3.2.1
© Copyright since 1999 by the Laurent Foulloy
  • Legal Notice
  • Privacy Policy
  • Code of Conduct