Skip to main content

Fix dashboard filter on mobile screens in dashboards created with the studio

Related product area: Portal interface

When a filter is added to a dashboard page through the studio, the filter will be displayed where it was positioned on wide screens but on mobile screens it is positioned in a footer.

We already received multiple user feedbacks where users were not able to find the filter on their mobile screen. Also, wenn embedding a dashboard in an iframe it can happen that the page is interpreted as a mobile page which then also puts the filter in a footer element (see image).

It would be great if the filters were either displayed where they were positioned also on narrow screens or at least to have options to influence the display position of the filters.

 

Auto-translation 🪄

Lorsqu'un filtre est ajouté à une page de tableau de bord via le studio, le filtre sera affiché là où il était positionné sur les écrans larges, mais sur les écrans mobiles, il est positionné dans un pied de page. Nous avons déjà reçu plusieurs retours d'utilisateurs où les utilisateurs n'ont pas pu trouver le filtre. filtrer sur leur écran mobile. De plus, lors de l'intégration d'un tableau de bord dans une iframe, il peut arriver que la page soit interprétée comme une page mobile, ce qui place alors également le filtre dans un élément de pied de page (voir image). Ce serait formidable si les filtres étaient affichés là où ils étaient positionnés. également sur des écrans étroits ou au moins d'avoir des options pour influencer la position d'affichage des filtres. 

Hello Johannes,

Thank you for pointing that out. 

We deliberately chose this layout on mobile because it is more comfortable to have the filters at thumb’s reach (especially since mobile screens are getting bigger the past 5 years). We thought the button was a good compromise in terms of size and visibility. That said, your users seem to prove us wrong. We’ll consider a change of design.

 

About embedding pages, we released a new feature during the summer to embed studio pages outside an ODS portal in a way more efficient than iframes. It should solve your problem.

(unfortunately, that feature does not yet work to embed the page within another ODS page).

Auto-translation 🪄

Bonjour Johannes,Merci de nous l'avoir signalé. Nous avons volontairement choisi cette mise en page sur mobile car il est plus confortable d'avoir les filtres à portée de main (d'autant plus que les écrans mobiles sont de plus en plus grands depuis 5 ans). Nous pensions que le bouton était un bon compromis en termes de taille et de visibilité. Cela dit, vos utilisateurs semblent nous donner tort. Nous allons réfléchir à un changement de design. Concernant l'intégration de pages, nous avons sorti une nouvelle fonctionnalité pendant l'été pour intégrer des pages de studio en dehors d'un portail ODS d'une manière plus efficace que les iframes. Cela devrait résoudre votre problème. (malheureusement, cette fonctionnalité ne fonctionne pas encore pour intégrer la page dans une autre page ODS).

Hi Benoit
Thank you for your extensive answer. What feature did you release to embed pages outside of ODS? That said our CMS may only allow for iframe embeddings and I guess many other CMS do so as well

Auto-translation 🪄

Bonjour Benoit, merci pour votre réponse détaillée. Quelle fonctionnalité avez-vous publiée pour intégrer des pages en dehors d'ODS ? Cela dit, notre CMS peut uniquement autoriser les intégrations iframe et je suppose que de nombreux autres CMS le font également

Hi Johannes,
You have a User Guide page that describes the feature for embedding a Studio Page in a CMS : https://userguide.opendatasoft.com/l/en/article/f5ytz6g1ku-embed-a-studio-page-in-a-cms

Auto-translation 🪄

Bonjour Johannes,Vous avez une page de guide d'utilisation qui décrit la fonctionnalité d'intégration d'une page Studio dans un CMS : https://userguide.opendatasoft.com/l/en/article/f5ytz6g1ku-embed-a-studio-page-in-a-cms