Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.


InVision ambassador ambassador
Loïc Loïc Edited

Full responsive supports

Hello everyone,

Related to this old post.

On Studio website, Adaptive layout : Responsive by design section, on the Artboard 7 we can see that there is a vertical list, when the user is manually resizing the artboard at a moment the list is switching to horizontal. By this way you can build an artboard for all devices, instead of create one depending of the size of each screens.

Responsive includes concepts of min and max for widht and height, show and hide containers depending on the screen size (watch Bootstrap grid system).

I beleive that Studio can't allow us to produce what the website demo show. If Studio allow us to do it, could you provide us the InSpace Studio file as shown on the website?

 

Bests regards,

Loïc.

 

1

comments

sort by


Wurah Fahanmi
InVision ambassador Wurah Fahanmi , ambassador
Comment actions Permalink

Hi Loic,

With invision studio, you currently can reproduce what the website demo shows via the manipulation of anchors required (picture attached).

All you have to do is:

  • Choose an artboard that will serve as your base or reference board and design as you would.
    Elements/assets on the artboard can now be anchored to positions based on whether you want them to remain at a particular area/point or you want them to scale (notice that the hamburger icon, 'PLANET', add icon, and MOON are all anchored to a point while the MARS scales, PLUTO is also anchored to a point).
  • Set your anchor point as you require.
    To do this, if you want it to be anchored to a point or area, just select the cardinal points that fits the position you want it to anchor to (as shown in picture).
    If you want it to scale, select all four cardinal points.

Afterwards, resizing the artboard will make all elements on the artboard responsive.
(Studio file for test is also attached here).

I hope this helps.

Regards,
Wurah.

2

Loïc
InVision ambassador Loïc , ambassador
Comment actions Permalink

Hi Wurah,

Thanks a lot for your help, now I can reproduce this sample. I appreciate!

Do you think that it would be awesome to be able to define min and max width and height, show and hide containers depending of the artboard size. These features will allow us to have a full responsive artboard, instead to create multiple artboard for the same sceen to represent differents devices.

It would be amaizing!

 

Bests regards,

Loïc.

0

FAHANMI Ambrose Wuraoluwa
InVision ambassador FAHANMI Ambrose Wuraoluwa , ambassador
Comment actions Permalink

Yeah it would definitely be amazing.

I am glad I could be of help.

Regards,
Wurah.

0

Michael S
InVision ambassador Michael S, InVision Employee , ambassador
Comment actions Permalink

Hi Loïc!

Thanks so much for taking the time to reach out with your Studio feedback! I'd be more than happy to pass this along to Product team on your behalf. Keep an eye out for an email coming soon!

Thanks,
Michael

0

join the conversation

to comment, sign up or sign in.