riconet/t3-extension-fal-pois

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

Installs: 660

Dependents: 0

Suggesters: 0

Security: 0

Type:typo3-cms-extension

3.2.0 2021-03-01 10:00 UTC

This package is auto-updated.

Last update: 2021-03-29 15:01:27 UTC


README

Dependencies

  • TYPO3 8.7.0 - 8.7.99

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>