Skip to Content
0

Design Studio - How to use map contours in a table-like element

Oct 20, 2017 at 09:52 AM

45

avatar image

Hello.

I would like to develop a dashboard that would look similiar to the one showcased in Design Studio 1.5 webinar.

Link to the picture of a dashboard

The part that puzzles me are the charts and map contours in the bottom-left corner - I have never noticed any element in DS that would help me develop such an outcome. I would be grateful for any tips regarding this matter.

Best regards,

Adam.

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Best Answer
Mustafa Bensan Oct 20, 2017 at 10:58 AM
1

Hi Adam,

Can you be clearer about what you mean by "charts and map contours"? If you are referring to:

1) the Bullet Charts, these are probably from the SCN Design Studio SDK Community Components

2) the mini map shapes, these are probably either images, or more likely the standard Geo Map component with a custom geoJSON file for the regions.

Regards,

Mustafa.

Show 5 Share
10 |10000 characters needed characters left characters exceeded

Hi Mustafa.

Thats exacly what I was asking about. I assume the mini map shapes are GeoMap objects with filter and transparent background?

Regards.

Adam.

0

Hi Adam,

Yes, I'd say the mini map shapes are displayed by filtering the desired region in the data source assigned to the Geo Map component. The "transparent background" would be achieved by leaving the Basemap URL property empty.

Regards,

Mustafa.

0

Hi Mustafa.

I tried my best but I cannot recreate that outcome.

Firstly - the plus and minus button on map are still visible (maybe CSS could hide them?)

Secondly - In the Dashboard picture from webinar, the color of each mini map shape was the same as on the actual big GeoMap. When u filter the data that isnt the case since theres only one dimension member .

Regards,

Adam.

przechwytywanie.png (227.7 kB)
0

Hi Adam,

Since the mini maps are separate Geo Map components, you could define the Start and End colours of each map layer to be the same and corresponding to the colour of each region on the main map.

The +/- zoom symbols could either be removed via CSS (possibly) or simply hidden by overlaying with a solid Panel component.

Regards,

Mustafa.

2

Hi Mustafa.

I see. Thank you for your time, i'll look into it.

Regards,

Adam.

1