help menu

Join us on the Community Forums!

  • Community Guidelines

    The Fitbit Community is a gathering place for real people who wish to exchange ideas, solutions, tips, techniques, and insight about the Fitbit products and services they love. By joining our Community, you agree to uphold these guidelines, so please take a moment to look them over.

  • Learn the Basics

    Check out our Frequently Asked Questions page for information on Community features, and tips to make the most of your time here.

  • Join the Community!

    Join an existing conversation, or start a new thread to ask your question. Creating your account is completely free, and takes about a minute.

Not finding your answer on the Community Forums?

Cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Show  only  | Search instead for 
Did you mean: 

Preview for checking layout

ANSWERED

‎10-05-2017 20:56

‎10-05-2017 20:56

Hi there,

 

I got my Ionic yesterday, and there aren't any clock faces that I really fancy. Which is fine -- I'm happy to make my own!

 

Something I've been struggling with though, is that I'd like to have a way to preview the build and see what the layout looks like, that things align, etc. I've seen some web pages that show you previews, but without letting you upload image files themselves it can be difficult to preview precise layout.

 

Is there a recommended way for me to author SVG layouts? Preferably locally, after which I can just post the text into Studio? Having to send it to my Ionic every time I update visuals is incredibly clumsy. (It would be even better if I could have a web preview that emulated watch events and data too!)

 

Thanks in advance!

Best Answer
1 BEST ANSWER

Accepted Solutions

‎10-09-2017 07:35

‎10-09-2017 07:35

I posted this link showing how you can simulate some things in JSBin.

 

https://community.fitbit.com/t5/SDK-Development/How-to-simulate-image-based-clock-face-in-JSBin/m-p/...

You need to do some extra work, like converting your images to base64 and some of the syntax is different (as explained in the original post) but I still find it useful for quickly see layout changes.

 

NiVZ

View best answer in original post

Best Answer
2 REPLIES 2

‎10-09-2017 07:35

‎10-09-2017 07:35

I posted this link showing how you can simulate some things in JSBin.

 

https://community.fitbit.com/t5/SDK-Development/How-to-simulate-image-based-clock-face-in-JSBin/m-p/...

You need to do some extra work, like converting your images to base64 and some of the syntax is different (as explained in the original post) but I still find it useful for quickly see layout changes.

 

NiVZ

Best Answer

‎10-09-2017 07:43

In response to NiVZ

‎10-09-2017 07:43

Great, that's super helpful. Thanks!

Best Answer
0 Votes