Cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

Button Stroke

ANSWERED

Right now I'm using a square button in my UI with an inline text and textarea. I'm using a square button compared to a push button because the square button fills on a touch event. I just don't know how to access the stroke attribute of the button.

 

This is what that button looks like right now:

<use id="articleButton" href="#square-button" y="0" height="140" fill="fb-magenta">
      <set href="square-button-stroke" attributeName="display" to="off"/>
      <textarea id="articleTitle" x="7" y="10" font-family="Fabrikat-Bold" 
                font-size="30" line-increment="35"
                fill="white">An effortless way to improve your memory</textarea>
      <text id="articleSource" x="7" y="110" font-size="25" fill="grey">www.bbc.com</text>
    </use>

But "square-button-stroke" is an invalid value. What's the href and attributeName inside the square button widget I would need to set so I can turn off the stroke of the button? Thanks.

Best Answer
0 Votes
1 BEST ANSWER

Accepted Solutions

The stroke is made with an image which has an id of "stroke" and a class name of "square-button-stroke-fill".

 

Maybe 

<set href="#stroke" attributeName="display" to="none" />

 

View best answer in original post

Best Answer
0 Votes
1 REPLY 1

The stroke is made with an image which has an id of "stroke" and a class name of "square-button-stroke-fill".

 

Maybe 

<set href="#stroke" attributeName="display" to="none" />

 

Best Answer
0 Votes