UPDATE 8 december:
Het wordt steeds beter! Justin van Ajar (je weet wel van de HTML-export in5) heeft een gratis(!) paneel gemaakt waarmee je onderstaande stappen kunt automatiseren!
De werkwijze is hetzelfde: knip - en Plak in, selecteer de container maar nu gebnruik je het paneel van Justin om er een scrollbaar (schuifbaar) kader van te maken!
En je hebt nu zelfs de optie om alleen verticaal, horizontaal of beide te kunnen scrollen.
En: het is een universele oplossing, oftewel: een klik met dit paneel en het werkt meteen in DPS en FXL ePub en Publish Online!
Je kunt het paneeltje hier gratis downloaden.
Oorspronkelijk berich van 7 december:
Het maken van scrollbare (schuifbare) kaders zoals in DPS had in FXL ePub een omweg nodig: een klein stukje CSS bij het exporteren en een Exportlabel en je hebt scrollbare kaders in je ePub, op mijn blog leg ik dit uit in dit bericht:
http://fvdgeest-dtp.blogspot.nl/2015/01/scrollable-frames-in-epub-fxl.html
Maarrrr... gebruik je Publish Online dan scrollt er helaas niets...!
Toen kwam deze geniale tip van ePub-secrets' Chad Chelius van Justin Putney (in5):
- Maak een objectstijl aan met de naam Scroll, vink alles af behalve Tag;
- kies bij tag voor div en geef de naam Scroll;
- Geef het kader waar je met de methode hierboven beschreven Subchapter (zie dus ouder blogbericht) aan had toegekend deze objectstijl
- Kies Object - HTML invoegen en plak daarin de volgende HTML:
Knip en plak dit dus exact zo als platte tekst, het tekstbestandje kun je hier downloaden:
https://www.dropbox.com/s/ol1c88jg82s97b5/kopieer_en_voeg_HTML_in.txt?dl=0
Je ziet nu even op de pagina in een nieuw kader de tekst 'This is an HTML-snippet' verschijnen, deze verdwijnt vanzelf weer! 
Zorg ervoor dat deze HTML op elke pagina staat waar je je scrollbare kaders hebt staan.
Dus combineer de techniek van subchapter en de objectstijl en het werkt in je FXL ePub en je online versie!
Nu heb je scrollbare kaders in zowel je FXL ePub als in Publish Online!
Geniale tip van Chad!
Ik heb het hier uitgeprobeerd:
https://indd.adobe.com/view/ce06594d-d99d-421a-b87d-9a1e5ccdd17d
Geen opmerkingen:
Een reactie posten