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: 

Embedding a Cycle View in a Panorama View Item breaks the Panorama View

‎06-27-2018 13:55

‎06-27-2018 13:55

<svg>
<use id="container" href="#panoramaview">

  <use href="#panoramaview-item">
    <svg class="page">

      <use id="stats-cycle" href="#cycleview">
        <use href="#cycleview-item" class="cycle-item">
          <text>Steps: 1,337</text>
        </use>

      </use>

    </svg>

  </use>

  <use href="#panoramaview-item">
    <svg class="page">
      <rect id="background2" />
      <text id="debug">Sup...</text>
    </svg>
  </use> <!-- PAGE2 -->

</use>

</svg>

Best Answer
3 REPLIES 3

‎06-28-2018 00:03 - edited ‎06-28-2018 00:04

‎06-28-2018 00:03 - edited ‎06-28-2018 00:04

Do you have any error messages when you build or when you run it? If not, I would try removing the inner svg's and check if you have all the imports for panoramaview and cycleview. If that works you can start from there.

Something like this for your gui file:

<svg>
 <use id="container" href="#panoramaview">
  <use id="panitem1" href="#panoramaview-item">
    <use id="stats-cycle" href="#cycleview">
      <use id="cycleitem1" href="#cycleview-item" class="cycle-item">
         <text>Steps: 1,337</text>
      </use>
      <use id="cycleitem2" href="#cycleview-item" class="cycle-item">
         <text>Cycle 2</text>
      </use>
    </use>
  </use>
  <use id="panitem2" href="#panoramaview-item">
      <rect id="background2" />
      <text id="debug">Sup...</text>
  </use> <!-- PAGE2 -->
 </use>
</svg>

(I added id's to every cycle item and pan item for clarification, I don't know if they need one to work)

 

Your imports (widgets.gui) need to contain

<svg viewport-fill="fb-green">
  <defs>
    <link rel="stylesheet" href="styles.css" />
    <link rel="import" href="/mnt/sysassets/widgets_common.gui" />
    <!-- Additional Imports -->
    <link rel="import" href="/mnt/sysassets/widgets/baseview_widget.gui" />
    <link rel="import" href="/mnt/sysassets/widgets/cycleview_widget.gui" />
    <link rel="import" href="/mnt/sysassets/widgets/panoramaview_widget.gui" />
    <link rel="import" href="/mnt/sysassets/widgets/pagination_dots.gui" />
  </defs> 
</svg>

 

 

(I haven't put this in a project to test out so sorry if there are any syntax errors)

Best Answer
0 Votes

‎06-28-2018 11:20

In response to JeCom

‎06-28-2018 11:20

All my widget imports are correct. I get no errors logged on build or run.

I have tried your sample it does not log any errors but also does not work.

It displays page 2 by default and does not respond to swipe gestures to change page.

Best Answer

‎08-09-2019 06:56

‎08-09-2019 06:56

I have a similar issue, just the other way around. Is there any fix for this?

Best Answer
0 Votes