<div id="__MailbirdStyleContent" style="font-size: 12pt;font-family: calibri;color: #000000">
Hi Ralph,<div><br></div><div>can you file-out and share your version of the IconicButton class?</div><div><br></div><div>Morph >> #handleEvent: is too low-level for your use case. You should only overwrite/implement #handlesMouseDown: and #mouseDown:, for example.</div><div><br></div><div>Seems to me that the icon in your button is bigger than your button. Only the button/owner gets the events here. For example, if you do this, it gets tricky:</div><div><br></div><div>button := IconicButton new.</div><div><div><span style="font-size: 12pt;line-height: 1.5">button</span> labelGraphic: (MenuIcons homeIcon scaledToSize: 100@100).</div><div><span style="font-size: 12pt;line-height: 1.5">button</span> extent: 50@50.</div></div><div><br></div><div>...because the button is smaller than its icon.</div><div><br></div><div>What you can try is either this:</div><div><br></div><div>button clipSubmorphs: true.</div><div><br></div><div>...to see the actual bounds of the owner. Or you can use a PluggableButton:</div><div><br></div><div><div>pbutton := PluggableButtonMorph new.</div><div>pbutton action: #showln:.</div><div>pbutton model: Transcript.</div><div>pbutton arguments: #(42).</div><div>pbutton label: (MenuIcons homeIcon scaledToSize: 100@100) asMorph.</div><div>pbutton extent: 50@50.</div></div><div><br></div><div><span style="font-size: 12pt;line-height: 1.5">Best,</span></div><div>Marcel</div><div class="mb_sig"></div>
<blockquote class="history_container" type="cite" style="border-left-style: solid;border-width: 1px;margin-top: 20px;margin-left: 0px;padding-left: 10px;min-width: 500px">
<p style="color: #AAAAAA; margin-top: 10px;">Am 25.10.2017 05:58:10 schrieb Ralph Boland <rpboland@gmail.com>:</p>I created a button class which is version of IconicButton<br>(by cutting and pasting) that does extra things that I need.<br>One of the things that I do is expand the size of my button<br>(actually a collection of my buttons) when running an application that uses it.<br>When I do so only a small area of near the top left corner of my<br>button seems to have focus<br>so then if I click on that area the button works but otherwise it does not.<br><br>When I click within my botton's working area <mybutton>>handleEvent:<br>anEvent> is called by<br><mouseoverhandler>>processMouseOver: anEvent>.<br><br>When my button does not work the method <handleevent: anevent=""> is not called<br>because, I believe, the portion of my button that was clicked does<br>not have focus.<br>Note that when my button size is expanded it's position is also changed because<br>other morphs have also expanded but this expansion does not seems to<br>cause confusion<br>as to where the button is because the working focus area<br>remains in the same part of my button.<br>But there appears to be confusion as to the size of my button and its<br>focus area.<br><br>Debugging this is a pain. When I set a break point in<br><mybutton>>handleEvent: anEvent><br>the emergency handler pops up. when I do a <revert> I get my stack with<br><mybutton>>handleEvent: anEvent> at the top of the stack.<br>But I have gathered little useful information by looking at this stack.<br>The only solution I can think of is to discard by button (buttons)<br>and reinstantiate them every time they need to be resized.<br><br>Is there something that I should be setting when I resize my button so<br>that it's focus area<br>is correct?<br><br>Is discarding my buttons and reinsantiating them the only solution?<br><br>Any help or insight appreciated.<br><br>Ralph Boland<br>_______________________________________________<br>Beginners mailing list<br>Beginners@lists.squeakfoundation.org<br>http://lists.squeakfoundation.org/mailman/listinfo/beginners<br></mybutton></revert></mybutton></handleevent:></mouseoverhandler></mybutton>
</blockquote></div>