Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Bouton imprimer avec Page Builder

Bouton imprimer avec Page Builder 11 Jul 2019 17:42 #53283

Bonjour,
J'ai depuis peu découvert Page Builder et je dois dire que c'est un très bel outils bien pensé et bien construit !
Je suis en cours de création d'un article type avec différente zone, et je souhaite insérer un bouton avec la fonction "imprimer". Il s'agit de recettes et je veux que les visiteurs puissent imprimer la recette. Pour insérer un bouton pas de soucis, mais cette fonction, comment faire ?
Merci pour la réponse

Please Log in or Create an account to join the conversation.

Bouton imprimer avec Page Builder 11 Jul 2019 17:44 #53284

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21350
  • Karma: 427
  • Thank you received: 2699
Salut et merci :)
pour le bouton, tu as un champ "onclick" qui te permet de mettre une fonction JS, par exemple
window.print();return false;

source :
www.google.fr/search?source=hp&ei=QXUnXc...j0i13i30.-gQmuW3TWww

CEd

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Bouton imprimer avec Page Builder 11 Jul 2019 18:04 #53288

Merci pour la réponse !

Please Log in or Create an account to join the conversation.

Bouton imprimer avec Page Builder 16 Jul 2019 05:53 #53312

Bonjour à tous,
J'ai donc pu ajouter un bouton imprimer sans soucis. J'ai créé une feuille de style css pour l'impression et aucun soucis pour cacher les zones non désirées avec les id de Template Creator.
Cependant, comment cacher celles créées par Page Builder ? Les id sont nommées par un nombre lorsque je vais dans la console sur mon navigateur, et celui-ci est surement dynamique (il change d'une page à l'autre) hors ma feuille de style doit s'appliquer à toutes les pages.
Comment faire ?
Merci de la réponse

Please Log in or Create an account to join the conversation.

Bouton imprimer avec Page Builder 16 Jul 2019 16:05 #53314

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21350
  • Karma: 427
  • Thank you received: 2699
salut
tu peux utiliser l'interface de Page Builder CK pour attribuer tes propres ID (déconseillé car il ne faut pas dupliquer les id sur le site), ou ajouter une classe CSS
www.joomlack.fr/documentation/page-build...n-interface-overview
>> N° 3

CEd

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Bouton imprimer avec Page Builder 17 Jul 2019 05:48 #53317

Salut,
Merci pour la réponse et dommage pour le renommage des ID car c'est bien pratique. Pour confirmation, il ne faut pas dupliquer les ID sur le site ou sur la page seulement ?
Pour l'ajout d'une class CSS, ça serait très bien, mais je ne vois pas comment faire, car si dans ma feuille print.css qui gère les impression je peux utiliser [display : none] pour bloquer l'affichage, quel est l'astuce en CSS pour bloquer l'affichage d'un élément uniquement à l'impression mais directement via une class CSS au niveau de l'élément. Je suis un peu perdu là !

Please Log in or Create an account to join the conversation.

Bouton imprimer avec Page Builder 17 Jul 2019 07:28 #53318

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21350
  • Karma: 427
  • Thank you received: 2699
tu peux très bien utliser une classe comme
.noprint { display: none !important; }
et ajouter cette classe "noprint" sur les éléments à cacher. Si ta règle est dans le fichier print.css, ça n'affectera que la version imprimable

je l'ai déjà fait, ça marche ;)

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Bouton imprimer avec Page Builder 17 Jul 2019 09:27 #53319

Merci de ta réponse !
Je vais essayer.
Bonne journée

Please Log in or Create an account to join the conversation.

Bouton imprimer avec Page Builder 17 Jul 2019 16:39 #53320

Merci, ça marche du tonnerre !

Please Log in or Create an account to join the conversation.

Bouton imprimer avec Page Builder 17 Jul 2019 17:39 #53321

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21350
  • Karma: 427
  • Thank you received: 2699
Yeah :)

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer
  • Page:
  • 1
Time to create page: 0.224 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 511 guests and no members online