riconet/t3-extension-fal-pois

This extension extends file references by the possibility to add points of interests.

Installs: 989

Dependents: 0

Suggesters: 0

Security: 0

Type:typo3-cms-extension

4.0.1 2021-05-17 09:57 UTC

This package is auto-updated.

Last update: 2021-10-17 11:11:26 UTC


README

Dependencies

  • TYPO3 10.4

Description

This extension extends file references by the possibility to add points of interests.

How to install?

  • Activate the extension via the extensions module.
  • Get and install yarn
  • Navigate to the root of the extension and run:
    yarn install
    

How to use POIs in your templates

{namespace r = Riconet\RicoFalPois\ViewHelpers}
...
<div style="position:relative;">
    <f:image src="{entity.image.uid}" treatIdAsReference="1" />
    <r:poi referenceUid="{entity.image.uid}" as="poi">
        <span title="{poi.title}"
              style="position: absolute; width: 5px; height: 5px;  background-color: red; top: {poi.y}%; left: {poi.x}%;"></span>
    </r:poi>
</div>

Credits