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: 

Error 11 Critical Glue Error

‎12-23-2018 15:29

‎12-23-2018 15:29

I've seen a few posts about the Critical Glue Error and it seems to be from elements not having an ID. I updated my index.gui to make sure all elements have an ID and I still get: Error 11 Critical Glue Error. It seems to be from the scrollview of my MOD screen. It seems to happen if I have more than about 20 view-items in the list. Also, I didn't see this issue until after my Ionic was updated a couple of days ago. Now when I tap on my MOD screen I get kicked out of my app. Any ideas?

 

index.gui

<!--
This is the main Fitbit SVG file where the application user
interface markup is defined. This is a mandatory file.
-->
<svg>
  <image id="startup-image" href="startup.png" load="sync" display="none"/>
  
  <!-- Main Panorama Screen -->
  <svg id="panorama-screen" display="none" >
    <use id="panorama" href="#panoramaview" overflow='hidden'>
      <use id="ccard-item" href="#panoramaview-item">
        <image id="ccard-image" href="ccard.png" load="sync" pointer-events="visible" />
      </use>
      <use id="actl-item" href="#panoramaview-item">
        <image id="actl-image" href="actl.png" load="sync" pointer-events="visible" />
      </use>
      <use id="mod-item" href="#panoramaview-item">
        <image id="mod-image" href="mod.png" load="sync" pointer-events="visible" />
      </use>
      <use id="pagination-dots" href="#pagination-widget" y="8">
        <use id="dots1" href="#pagination-dot" />
        <use id="dots2" href="#pagination-dot" />
        <use id="dots3" href="#pagination-dot" />
        <use id="dots4" href="#pagination-highlight-dot" />
      </use>
    </use>
  </svg>
  
  <!-- C-Card Screen -->
  <svg id="ccard-screen" display="none">   
    <use id="ccard-list" href="#scrollview">     
      <use id="name" href="#scrollview-item" height="25%">
        <rect fill="papayawhip" x="0" y="0" width="100%" height="100%"/>
        <text id="cert-name" x="5" y="50%+10" class="cardData"/>
      </use>
      <use id="agency" href="#scrollview-item" height="25%">
        <rect fill="papayawhip" x="0" y="0" width="100%" height="100%"/>
        <text id="cert-agency" x="5" y="50%+10" class="cardData"/>
      </use>
      <use id="date" href="#scrollview-item" height="25%">
        <rect fill="papayawhip" x="0" y="0" width="100%" height="100%"/>
        <text id="cert-date" x="5" y="50%+10" class="cardData"/>
      </use>
      <use id="nbr" href="#scrollview-item" height="25%">
        <rect fill="papayawhip" x="0" y="0" width="100%" height="100%"/>
        <text id="cert-nbr" x="5" y="50%+10" class="cardData"/>
      </use>
      <use id="frnt-image" href="#scrollview-item" height="100%">
        <rect fill="red" x="0" y="0" width="100%" height="100%"/>
        <rect fill="papayawhip" x="2" y="2" width="99%" height="98%"/>
        <image id="cert-front-image" load="sync" />
      </use>
      <use id="bck-image" href="#scrollview-item" height="100%">
        <rect fill="red" x="0" y="0" width="100%" height="100%"/>
        <rect fill="papayawhip" x="2" y="2" width="99%" height="98%"/>
        <image id="cert-back-image" load="sync" />
      </use>
    </use>
  </svg>
  
  <!-- Actual Gas Supply Screen -->
  <svg id="actl-screen" display="none">
    <defs>
      <!-- Template Symbol for the header -->
      <symbol id="actl-header" href="#scrollview-header">
        <rect id="header-rec" fill="inherit"   x="0" y="0" width="100%" height="100%"/>
        <text id="actlHeader1" x="5"   y="50%+10" text-length="12"  fill="black" font-size="30" font-weight="bold" />
        <text id="actlHeader2" x="43%" y="50%+10" text-length="15" fill="black" font-size="30" font-weight="bold" />
      </symbol>

      <!-- Template Symbol for the items -->
      <symbol id="actl-item" href="#scrollview-item">
         <rect id="item-rec" fill="inherit" x="0" y="0" width="100%" height="100%" />
         <text id="item1" x="5" y="50%+10" class="actlItemKey"/> 
         <text id="item2" x="60%" y="50%+10" class="actlItemVal"/>
      </symbol>
    </defs>
  
    <use id="actl-table" href="#scrollview" fill="black">   
      <use id="actl-header" href="#actl-header" height="20%" fill="lightblue"/>
      <use id="actl-item1" href="#actl-item" height="20%" fill="papayawhip"/>
      <use id="actl-item2" href="#actl-item" height="20%" fill="whitesmoke"/>
      <use id="actl-item3" href="#actl-item" height="20%" fill="papayawhip"/>
      <use id="actl-item4" href="#actl-item" height="20%" fill="whitesmoke"/>
      <use id="actl-item5" href="#actl-item" height="20%" fill="papayawhip"/>
      <use id="actl-item6" href="#actl-item" height="20%" fill="whitesmoke"/>
      <use id="actl-item7" href="#actl-item" height="20%" fill="papayawhip"/>
      <use id="actl-item8" href="#actl-item" height="20%" fill="whitesmoke"/>
      <use id="actl-item9" href="#actl-item" height="20%" fill="papayawhip"/>
      <use id="actl-item10" href="#actl-item" height="20%" fill="whitesmoke"/>
      <use id="actl-item11" href="#actl-item" height="20%" fill="papayawhip"/>
      <use id="actl-item12" href="#actl-item" height="20%" fill="whitesmoke"/>
      <use id="actl-item13" href="#actl-item" height="20%" fill="papayawhip"/>
      <use id="actl-item14" href="#actl-item" height="20%" fill="whitesmoke"/>
      <use id="actl-item15" href="#actl-item" height="20%" fill="papayawhip"/>
      <use id="actl-item16" href="#actl-item" height="20%" fill="whitesmoke"/>
      <use id="actl-item17" href="#actl-item" height="20%" fill="papayawhip"/>
      <use id="actl-item18" href="#actl-item" height="20%" fill="whitesmoke"/>
      <use id="actl-item19" href="#actl-item" height="20%" fill="papayawhip"/>
      <use id="actl-item20" href="#actl-item" height="20%" fill="whitesmoke"/>
    </use>
  </svg>
      
  <!-- MOD Screen -->
  <svg id="mod-screen" display="none">
    <defs>
      <!-- Template Symbol for the header -->
      <symbol id="view-header" href="#scrollview-header">
        <rect id="header-rect" fill="inherit" x="0"   y="0" width="100%" height="100%"/>
        <text id="header1" x="5"   y="50%+10" fill="black" font-size="30" font-weight="bold" />
        <text id="header2" x="40%" y="50%+10" fill="black" font-size="30" font-weight="bold" />
        <text id="header3" x="75%" y="50%+10" fill="black" font-size="30" font-weight="bold" />
      </symbol>

      <!-- Template Symbol for the items -->
      <symbol id="view-item" href="#scrollview-item">
         <rect id="item-rect" fill="inherit" x="0" y="0" width="100%" height="100%" />
         <text id="item1" x="5"   y="50%+10" fill="black" font-size="30" font-weight="bold" /> 
         <text id="item2" x="40%" y="50%+10" class="item14"/> 
         <text id="item3" x="75%" y="50%+10" class="item16"/> 
      </symbol>
    </defs>
  
    <use id="mod-table" href="#scrollview" fill="black">   
      <use id="mod-header" href="#view-header" height="20%" fill="yellowgreen">
        <set href="#header1" attributeName="text-buffer" to="BLEND" />
        <set href="#header2" attributeName="text-buffer" to="@1.4" />
        <set href="#header3" attributeName="text-buffer" to="@1.6" />
      </use>

      <use id="mod10" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="10%" />
      </use>
      <use id="mod11" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="11%" />
      </use>
      <use id="mod12" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="12%" />
      </use>
      <use id="mod13" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="13%" />
      </use>
      <use id="mod14" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="14%" />
      </use>
      <use id="mod15" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="15%" />
      </use>
      <use id="mod16" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="16%" />
      </use>
      <use id="mod17" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="17%" />
      </use>
      <use id="mod18" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="18%" />
      </use>
      <use id="mod19" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="19%" />
      </use>
      <use id="mod20" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="20%" />
      </use>
      <use id="mod21" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="21%" />
      </use>
      <use id="mod22" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="22%" />
      </use>
      <use id="mod23" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="23%" />
      </use>
      <use id="mod24" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="24%" />
      </use>
      <use id="mod25" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="25%" />
      </use>
      <use id="mod26" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="26%" />
      </use>
      <use id="mod27" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="27%" />
      </use>
      <use id="mod28" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="28%" />
      </use>
      <use id="mod29" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="29%" />
      </use>
      <use id="mod30" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="30%" />
      </use>
      <use id="mod31" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="31%" />
      </use>
      <use id="mod32" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="32%" />
      </use>
      <use id="mod33" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="33%" />
      </use>
      <use id="mod34" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="34%" />
      </use>
      <use id="mod35" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="35%" />
      </use>
      <use id="mod36" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="36%" />
      </use>
      <use id="mod37" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="37%" />
      </use>
      <use id="mod38" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="38%" />
      </use>
      <use id="mod39" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="39%" />
      </use>
      <use id="mod40" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="40%" />
      </use>
      <use id="mod41" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="41%" />
      </use>
      <use id="mod42" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="42%" />
      </use>
      <use id="mod43" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="43%" />
      </use>
      <use id="mod44" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="44%" />
      </use>
      <use id="mod45" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="45%" />
      </use>
      <use id="mod46" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="46%" />
      </use>
      <use id="mod47" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="47%" />
      </use>
      <use id="mod48" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="48%" />
      </use>
      <use id="mod49" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="49%" />
      </use>
      <use id="mod50" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="50%" />
      </use>
      <use id="mod51" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="51%" />
      </use>
      <use id="mod52" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="52%" />
      </use>
      <use id="mod53" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="53%" />
      </use>
      <use id="mod54" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="54%" />
      </use>
      <use id="mod55" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="55%" />
      </use>
      <use id="mod56" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="56%" />
      </use>
      <use id="mod57" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="57%" />
      </use>
      <use id="mod58" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="58%" />
      </use>
      <use id="mod59" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="59%" />
      </use>
      <use id="mod60" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="60%" />
      </use>
      <use id="mod61" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="61%" />
      </use>
      <use id="mod62" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="62%" />
      </use>
      <use id="mod63" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="63%" />
      </use>
      <use id="mod64" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="64%" />
      </use>
      <use id="mod65" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="65%" />
      </use>
      <use id="mod66" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="66%" />
      </use>
      <use id="mod67" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="67%" />
      </use>
      <use id="mod68" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="68%" />
      </use>
      <use id="mod69" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="69%" />
      </use>
      <use id="mod70" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="70%" />
      </use>
      <use id="mod71" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="71%" />
      </use>
      <use id="mod72" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="72%" />
      </use>
      <use id="mod73" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="73%" />
      </use>
      <use id="mod74" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="74%" />
      </use>
      <use id="mod75" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="75%" />
      </use>
      <use id="mod76" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="76%" />
      </use>
      <use id="mod77" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="77%" />
      </use>
      <use id="mod78" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="78%" />
      </use>
      <use id="mod79" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="79%" />
      </use>
      <use id="mod80" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="80%" />
      </use>
      <use id="mod81" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="81%" />
      </use>
      <use id="mod82" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="82%" />
      </use>
      <use id="mod83" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="83%" />
      </use>
      <use id="mod84" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="84%" />
      </use>
      <use id="mod85" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="85%" />
      </use>
      <use id="mod86" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="86%" />
      </use>
      <use id="mod87" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="87%" />
      </use>
      <use id="mod88" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="88%" />
      </use>
      <use id="mod89" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="89%" />
      </use>
      <use id="mod90" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="90%" />
      </use>
      <use id="mod91" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="91%" />
      </use>
      <use id="mod92" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="92%" />
      </use>
      <use id="mod93" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="93%" />
      </use>
      <use id="mod94" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="94%" />
      </use>
      <use id="mod95" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="95%" />
      </use>
      <use id="mod96" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="96%" />
      </use>
      <use id="mod97" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="97%" />
      </use>
      <use id="mod98" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="98%" />
      </use>
      <use id="mod99" href="#view-item" height="20%" fill="whitesmoke">
        <set href="#item1" attributeName="text-buffer" to="99%" />
      </use>
      <use id="mod100" href="#view-item" height="20%" fill="papayawhip">
        <set href="#item1" attributeName="text-buffer" to="100%" />
      </use>
    </use>
  </svg>
</svg>

 

Best Answer
0 Votes
1 REPLY 1

‎01-10-2019 06:16

‎01-10-2019 06:16

I'm having the same issue with a long list; no scroll view though. Every element has an ID...I wonder if it's a timeout issue. 

Git hub link

 

THe issue is loading the bell schedule look around lines 500 and 1000 in the main app.

Best Answer
0 Votes