12-29-2019 16:42
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post

12-29-2019 16:42
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post
Hi Fitbit Community,
I'm experimenting in my development environment with the Multi View SVG files functionality, available on the SDK 4.0. I've found these three examples on GitHub that use it:
First example, the official one from Fitbit: https://github.com/Fitbit/sdk-multi-view
Second example: https://github.com/gaperton/ionic-views
Third example: https://github.com/SergioMorchon/fitbit-views
As far as I know the way we have to develop for specific devices was for example, use something like: index~300x300.gui for Versa and index~348x250.gui for Ionic. Now with the Multi View SVG funcionality, I don't think we can use this technique anymore. Correct? I'm thinking about rely on the css file, so styles~300x300.css for Versa and styles~348x250.css for Ionic. The question that I have is, what is the correct approach when using the Multi View SVG functionality and do you want to target specific devices?
Thanks in advance,
12-30-2019 05:26
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post



12-30-2019 05:26
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post
You can still use multiview when building for multiple devices.The resolution suffixes are stripped, so in the case you cite, using replaceSync with `index.gui` will select the right file for that device. The suffixes are stripped at build time resulting in a bundle of files per device.

12-30-2019 06:20
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post

12-30-2019 06:20
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post
Thank you!

