opendatasoft / ods-widgets

Components to easily build visualizations and interfaces from a data API.
MIT License
27 stars 11 forks source link

Widget in full size #114

Open maelmadon opened 6 years ago

maelmadon commented 6 years ago

Hi there, Is there a way to modify the size of a widget? It would like it to use the full page whereas it seems to have a maximum height by default :/... Moreover, how can we get a URL out of a widget? It is possible through ODS plateform, using the tab "Share" below our graph/table, but how to get one for a more complex dataviz that we cannot edit from the plateform? It could be an other way for me to see me widget full-screen. Thanks for your help!

fpassaniti commented 6 years ago

Hi Mema5,

Widget size is only a matter of CSS in most cases. You should be able to define the size as you want. Most of the time they adapt in small placeholder, and they have a max width or height.

For exemple, ods-map has a full width, and a defined height, overriding the height on the ods-map tag works. Ods-charts has a 100% width and height, it's then a matter of parent size.

I then advise you to have a look to the rendered page, and see where some height can be forced, and override them with custom CSS code.

If it doesn't work, do not hesitate to share a bunch of your code to let me have a look

maelmadon commented 6 years ago

Hi,

Thanks for your answer. I had a couple of tests but I couldn't find out the way to override the height in the tag. For exemple I tried unsuccessfully: <ods-map style="height:100%" context="conso"></ods-map>

Can you give me the syntax?

maelmadon commented 6 years ago

Hi, That's it I found what I was looking for!! The problem was that I wasn't using the ods-auto-resize directive: https://opendatasoft.github.io/ods-widgets/docs/#/api/ods-widgets.directive:odsAutoResize . I'm happy now :) Thank you for your help!

Still, do you know if we can create a URL adress from a custom widget?