Skip to content

feat(Export): amélioration de l'interface utilisateur du menu#481

Open
lowzonenose wants to merge 8 commits intomainfrom
feature/export-button-ui-ux
Open

feat(Export): amélioration de l'interface utilisateur du menu#481
lowzonenose wants to merge 8 commits intomainfrom
feature/export-button-ui-ux

Conversation

@lowzonenose
Copy link
Copy Markdown
Collaborator

@lowzonenose lowzonenose commented Jan 29, 2026

Améliorer l'UX/UI du menu des options

Pour tester

on utilise l'exemple suivant :
samples-src/pages/tests/Export/pages-ol-export-modules-dsfr-menu.html

ℹ️ Le bouton export et ses options sont disponible pour les widgets suivants :

  • drawing
  • elevationPath
  • Isochron
  • Route

Les options à modifier

Options du menu du bouton Export

var exportDrawing = new ol.control.Export({
                  title : "Exporter",
                  download : true,
                  control: drawing,accordeon
                  format : "geojson",
                  direction : "column", // row
                  menu : true,
                  menuOptions : {
                    name : "option", // nom du menu, null affiche uniquement le curseur
                    position : "top", // bottom, right, left
                    outside : false, // menu accordéon ou non
                    labelName : true, // afficher le nom de l'export
                    labelDesc : true, // afficher la description
                    selectFormat : true // afficher la liste des types d'export
                  },
                  icons : {
                    menu : "",
                    button : "export"
                  },
                  kind : "primary"
});left

Exemples

Ex. de configuration avec position, outside et direction avec Drawing

image image image image --- image image image

@lowzonenose lowzonenose requested a review from iamvdo January 29, 2026 20:47
@iamvdo
Copy link
Copy Markdown
Contributor

iamvdo commented Jan 30, 2026

Hello,
Coté UI, j'ai adapté un peu les marges, mais il y a encore des trucs qui traîne comme .gpf-accordion {width: 110px} qui "casse" un peu quand on mets "Options d'export" par exemple.

Aussi, j'ai ajouté le texte "Options" même en mode outside: false. A garder ou pas ? Tu peux revert...

En mode outside: false, direction: row, la dernière option pour format est non visible (car la "popup" est moins large...). On passe à la ligne, ou on laisse en mode column ?

@elias75015 elias75015 added the ui label Feb 2, 2026
@lowzonenose lowzonenose marked this pull request as ready for review February 2, 2026 14:08
Copy link
Copy Markdown
Contributor

@elias75015 elias75015 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Voir demande IGNF/cartes.gouv.fr-entree-carto#723 (comment) entrée carto.

Si on décide de ne pas implémenter la demande côté extensions, c'est OK pour cette PR. Sinon, il faut complétyer pour avoir un mode "pop-up"

Dans le doute j'approuve

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants