Error 22 Invalid value 'button-content/text' & 'button-content/image'

[iantrich]

Trying the sample toggle button code from the docs and getting the following errors:

Error 22 Invalid value 'button-content/text'
Error 22 Invalid value 'button-content/image'

With the following code

<!-- toggle button OFF -->
    <use id="btn-off" href="#square-button-toggle-icon" value="1" fill="fb-red">
      <set href="button-content/text"  attributeName="text-buffer" to="Off" />
      <set href="button-content/image" attributeName="href" to="steps.png"/>
    </use>
    <!-- toggle button ON -->
    <use id="btn-on" href="#square-button-toggle-icon" x="50%" fill="fb-green">
      <set href="button-content/text"  attributeName="text-buffer" to="On" />
      <set href="button-content/image" attributeName="href" to="steps.png"/>
    </use>

I see a similar post, but the answer appears to be outdated. Any advice? Thanks.

[Durus · Accepted solution]

It appears that you are referencing the items incorrectly.  I haven't used that widget yet but assuming it works like the other widgets.  The code should be something like this.

    <use id="btn-off" href="#square-button-toggle-icon" value="1" fill="fb-red">
      <set href="#text"  attributeName="text-buffer" to="Off" />
      <set href="#image" attributeName="href" to="steps.png"/>
    </use>. 

 or maybe like this 

    <use id="btn-off" href="#square-button-toggle-icon" value="1" fill="fb-red">
      <set href="#button-content/text"  attributeName="text-buffer" to="Off" />
      <set href="#button-content/image" attributeName="href" to="steps.png"/>
    </use>