Button group with graphic frame example-- providing a tidd file won't suffice-- all 8 buttons are custom buttons, so a tidd would display no buttons
its designed as a standalone tiddler that can be transcluded into any svg (that isn't too small to display it clearly) to manipulate its viewBox for zoom and pan but vould be adapt for many different manipulations of the svg and its elements. [image: buttoncompass.jpg] <svg xmlns="http://www.w3.org/2000/svg"; viewBox="38 -2 122 82 " width="240"> <g style="fill:cornflowerblue;stroke-width:1;stroke:white;"> <polygon points="80,0 100,30 60,30"/> <polygon points="80,80 100,50 60,50"/> <polygon points="40,40 70,20 70,60"/> <polygon points="120,40 90,20 90,60"/></g> <circle cx="80" cy="40" r="22" style="fill:blue;stroke:white;"/> <foreignObject id="upcnt" x="71" y="5" width="18" height="18"> <body xmlns="http://www.w3.org/1999/xhtml";> <div xmlns="http://www.w3.org/1999/xhtml"; style="">{{svg compup button}}</div> </body></foreignObject> <foreignObject id="downcont" x="71" y="55" width="18" height="18"> <body xmlns="http://www.w3.org/1999/xhtml";> <div xmlns="http://www.w3.org/1999/xhtml";>{{svg compdwn button}}</div> </body></foreignObject> <foreignObject id="leftcont" x="46" y="30" width="18" height="18"> <body xmlns="http://www.w3.org/1999/xhtml";> <div xmlns="http://www.w3.org/1999/xhtml";>{{svg complft button}}</div> </body></foreignObject> <foreignObject id="rightcont" x="96" y="30" width="18" height="18"> <body xmlns="http://www.w3.org/1999/xhtml";> <div xmlns="http://www.w3.org/1999/xhtml";>{{svg comprght button}}</div> </body></foreignObject> <foreignObject id="zincont" x="62.5" y="22" width="18" height="18"> <body xmlns="http://www.w3.org/1999/xhtml";> <div xmlns="http://www.w3.org/1999/xhtml";>{{svg compzin button}}</div> </body></foreignObject> <foreignObject id="relcont" x="80" y="22" width="18" height="18"> <body xmlns="http://www.w3.org/1999/xhtml";> <div xmlns="http://www.w3.org/1999/xhtml";>{{svg comprel button}}</div> </body></foreignObject> <foreignObject id="zoutcont" x="80" y="39" width="18" height="18"> <body xmlns="http://www.w3.org/1999/xhtml";> <div xmlns="http://www.w3.org/1999/xhtml";>{{svg compzout button}}</div> </body></foreignObject> <foreignObject id="zoutcent" x="62.5" y="39" width="18" height="18"> <body xmlns="http://www.w3.org/1999/xhtml";> <div xmlns="http://www.w3.org/1999/xhtml";>{{svg compcent button}}</div> </body></foreignObject> </svg> -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/89b1d2c5-1ddb-4f03-9d23-859f9de31c7e%40googlegroups.com.
