Console Compile error

[JoeSeaver]

I am getting the following in the console when I run my app:

• [6:21:04 PM]Error 22 Invalid value '#aligned-content'
• [6:21:04 PM]Error 22 Unclosed element 'svg'
• [6:21:04 PM]Error 22 Unclosed element 'symbol' in symbol
• [6:21:04 PM]Error 22 Unclosed element 'defs'
• [6:21:04 PM]Error 22 Unclosed element 'defs'
• [6:21:04 PM]Error 22 Unclosed element 'svg'
• [6:21:04 PM]App Started[HOST]
• [6:21:13 PM]App Closed

Can't figure what this means or the unclosed elements

Here is my code:

Resources\widgets.gui

<svg>
  <defs>
    <link rel="import" href="/mnt/sysassets/widgets/square_button_widget.gui" />
  </defs>
</svg>

I copied and pasted from the tutorials -

Having other issues and not sure if this is cause by compile issues

Any help appreciated.

[JonFitbit]

It looks like you got past this error, can you mark this topic as resolved. Thanks

[JoeSeaver]

My App is running - but I am still getting this at compile time.  Was going to leave open until I can figure out or someone says to ignore compiler messages like these.

[JonFitbit]

Oh, show us your resources/index.gui file. Use the </> code button before pasting.

[JoeSeaver]

Not sure I know how to use the </> code button before pasting.....

<svg>
  <rect x="0"   y="0" width="50%" height="50%" fill="fb-green-press" />
  <rect x="49%" y="0" width="51%" height="50%" fill="fb-slate-press" />
 
  <rect x="0" y="46%" width="100%" height="23%" fill="fb-yellow-press" />
 
  <text id="BallCnt"   font-family="System-Regular" fill="fb-aqua" font-size="75" width="500">B:    </text>
  <text id="StrikeCnt" font-family="System-Regular" fill="fb-aqua" font-size="75" width="500">S:    </text>
 
  <text id="BallPct"   font-family="Seville-Book-Italic" fill="fb-mint" font-size="30" width="130"> 0.0</text>
  <text id="StrikePct" font-family="Seville-Book-Italic" fill="fb-mint" font-size="30" width="130"> 0.0</text>
  <text id="TotCnt"    font-family="System-Regular" fill="fb-mint"   font-size="60" width="1000">Count: 000</text>
 
  <use id="mybutton2" href="#square-button" width = "175" y="180" fill="fb-red">
    <set href="#text" attributeName="text-buffer" to="Ball" />
    <set href="#text" attributeName="fill" to="fb-mint" />
   
    <set href="#image" attributeName="href" to="ball.png" />
    <set href="#image" attributeName="display" to="inline" />
  </use>
 
  <use id="mybutton3" href="#square-button" width = "170" x = "180" y="180" fill="coral">
    <set href="#text"  attributeName="text-buffer" to="Strike" />
    <set href="#text" attributeName="fill" to="fb-mint" />
   
    <set href="#image" attributeName="href" to="strike.png" />
    <set href="#image" attributeName="display" to="inline" />
  </use>
 
 
 
</svg>

[JoeSeaver]

Also, I cannot get the text inside of the buttons, next to the icons to display.  I get the red border, icon on the left but no text for both buttons.  I tried to set the fill color, but to no avail.

[JonFitbit]

There doesn't seem to be anything wrong with your index.gui. The code button is in the forums, when you post a new reply 🙂

You'll need to put your project on Github or somewhere, so we can see the full source code.

You might need some CSS styling on the buttons to see the text. Font family, color, size etc.