sketch-dynamic-symbol-button
sketch-dynamic-symbol-button copied to clipboard
herrkris
Support child symbol for the text
Hello, Everything works like a charm but it would be awesome if you can add support for the text to be a symbol and then use overrides or child symbols to change the color.
This is all it needs to be able to be a 1 stop shop for buttons
Hey @swizenfeld,
sounds like a great idea. I'll take a look at it! :)
Cheers, Kris
Awesome thanks kris, I also run into a bug where button doesn't resize down in width if no text is added to the symbol. So if I overwrite the text to be longer it resizes but if I delete it and leave it back at default it doesn't work anymore.
Finally it would be good if you could group the icon and the text and give that the padding so it's always the same distance apart. Great job and looking forward to updates
On Wed, Mar 1, 2017 at 10:32 PM Kristof Dreier [email protected] wrote:
Hey @swizenfeld https://github.com/swizenfeld,
sounds like a great idea. I'll take a look at it! :)
Cheers, Kris
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/herrkris/sketch-dynamic-symbol-button/issues/2#issuecomment-283568939, or mute the thread https://github.com/notifications/unsubscribe-auth/AGbjWDJy9_5xAgnUAHlVM1hlc63zzRJuks5rhmJ-gaJpZM4MQRz_ .
Hey @swizenfeld,
do you mind taking a look at the latest release whether it fixes your bug? Since it's a breaking change (you no longer have to provide the paddings with the text layer name) you can download it here: https://github.com/herrkris/sketch-dynamic-symbol-button/archive/v2.0.0-beta.1.zip
I'm currently working on getting child symbols working. Not as easy as I anticipated but it might be available in the next beta. :D
Cheers, Kris
Yeah i will check it out in a bit, finishing some work.
You mind giving me quick steps since you are saying not to add the padding to the text.
On Fri, Mar 3, 2017 at 12:25 PM Kristof Dreier [email protected] wrote:
Hey @swizenfeld https://github.com/swizenfeld,
do you mind taking a look at the latest release whether it fixes your bug? Since it's a breaking change (you no longer have to provide the paddings with the text layer name) you can download it here: https://github.com/herrkris/sketch-dynamic-symbol-button/archive/v2.0.0-beta.1.zip
I'm currently working on getting child symbols working. Not as easy as I anticipated but it might be available in the next beta. :D
Cheers, Kris
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/herrkris/sketch-dynamic-symbol-button/issues/2#issuecomment-284061332, or mute the thread https://github.com/notifications/unsubscribe-auth/AGbjWFzjtNtIal0RE5mul3ZT9CYhRLeDks5riHc-gaJpZM4MQRz_ .
Ah, and icons should work with this release out of the box without adding an extra group layer.
Yeah sure:
-
Plugins>Dynamic Symbol Button>Create Symbol - Enter values
- Change override text
-
Cmd + Alt + JorPlugins>Dynamic Symbol Button>Resize Symbol
If you want to change the buttons appearance e.g. change the padding you no longer need to change the text layers name inside the symbol, but instead you position the text inside the symbol to your liking. If you should change the background's width you need to update the symbols masters dimensions. For that select the symbol in the Symbols View und select Resize to Fit.
If you want to add an icon make sure it's resizing property is set to "Pin to corner" or else it will look strange.
Hope that helps, else feel free to ask! :)
Works a lot better just need to be able to set different colors to the text check out the screenshot. i will keep playing with it see if there is any issues i come across.
Also how do I update the padding once i create the symbol?
[image: Inline image 1]
On Fri, Mar 3, 2017 at 2:48 PM, Justin [email protected] wrote:
Works great! Positioning the text layer to establish the padding is way more intuitive. It would be good if the Label in the Overrides panel said "Text". When I'm creating instances of the symbol and adding overrides the "Button" label seems odd. See attached. [image: screen shot 2017-03-04 at 9 38 23 am] https://cloud.githubusercontent.com/assets/936597/23571840/839269fa-00bf-11e7-81fb-793b665da456.png
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/herrkris/sketch-dynamic-symbol-button/issues/2#issuecomment-284091910, or mute the thread https://github.com/notifications/unsubscribe-auth/AGbjWCxVbTnzEHhKfAryJhrADEWwOWO0ks5riJihgaJpZM4MQRz_ .
ok big problem, when i change the text style so lets say white and different font and resize it and then hit control+command+J the text styles revert to the default black Helvetica.
is there something wrong i am doing?
On Fri, Mar 3, 2017 at 3:24 PM, Justin [email protected] wrote:
Works great! Thank you
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/herrkris/sketch-dynamic-symbol-button/issues/2#issuecomment-284098613, or mute the thread https://github.com/notifications/unsubscribe-auth/AGbjWG-azDz24E4KqAx7KhwEKjWWl4s0ks5riKEkgaJpZM4MQRz_ .
Ok so this issue happens when i delete all of the text in the overwrite symbol and hit the resize shortcut. if i keep any other text then it is fine.
On Fri, Mar 3, 2017 at 3:33 PM, sergio wizenfeld [email protected] wrote:
ok big problem, when i change the text style so lets say white and different font and resize it and then hit control+command+J the text styles revert to the default black Helvetica.
is there something wrong i am doing?
On Fri, Mar 3, 2017 at 3:24 PM, Justin [email protected] wrote:
Works great! Thank you
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/herrkris/sketch-dynamic-symbol-button/issues/2#issuecomment-284098613, or mute the thread https://github.com/notifications/unsubscribe-auth/AGbjWG-azDz24E4KqAx7KhwEKjWWl4s0ks5riKEkgaJpZM4MQRz_ .
I would be happy to do a screen share with you tomorrow and show you.
On Sat, Mar 4, 2017 at 12:32 AM Kristof Dreier [email protected] wrote:
Hm, strange. I can reproduce the problem and take a look at it!
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/herrkris/sketch-dynamic-symbol-button/issues/2#issuecomment-284137159, or mute the thread https://github.com/notifications/unsubscribe-auth/AGbjWBjykPkkC0DtJA27GuXZFrQiag0Dks5riSG6gaJpZM4MQRz_ .
So it seems to be a bug with Sketch itself and I just reported the bug. For the time being I would recommend not to set the override to an empty value if executing the resize symbol command.
As soon as the bug is fixed with Sketch I'll let you know!
Nice! Thanks for the heads up. How long do you think the child symbol will take you would love to come back to work on Monday and have that to play with :)
On Sat, Mar 4, 2017 at 1:26 AM Kristof Dreier [email protected] wrote:
So it seems to be a bug with Sketch itself and I just reported the bug. For the time being I would recommend not to set the override to an empty value if executing the resize symbol command.
As soon as the bug is fixed with Sketch I'll let you know!
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/herrkris/sketch-dynamic-symbol-button/issues/2#issuecomment-284139723, or mute the thread https://github.com/notifications/unsubscribe-auth/AGbjWCRKXGPriiuf1WchlG5obJxN0YQCks5riS5XgaJpZM4MQRz_ .
I don't want to make any promises but it's looking good but I might finish a first version tomorrow.
@swizenfeld Is there any chance you could provide me with a small example for child symbols? Perhaps a small Sketch file on how you would construct your symbol?
Damn i just saw this I'm not home right now and don't have a computer with me. But I will try to get it to you tomorrow.
On Sat, Mar 4, 2017 at 1:35 AM Kristof Dreier [email protected] wrote:
@swizenfeld https://github.com/swizenfeld Is there any chance you could provide me with a small example of child symbols? Perhaps a small Sketch file on how you would construct your symbol?
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/herrkris/sketch-dynamic-symbol-button/issues/2#issuecomment-284140209, or mute the thread https://github.com/notifications/unsubscribe-auth/AGbjWHdCux3keuZaWJZE_1Dg8MaxbslMks5riTBygaJpZM4MQRz_ .
do you still need a demo file?
On Sat, Mar 4, 2017 4:45 PM, sergio wizenfeld [email protected] wrote: Damn i just saw this I'm not home right now and don't have a computer with me. But I will try to get it to you tomorrow.
On Sat, Mar 4, 2017 at 1:35 AM Kristof Dreier [email protected] wrote: @swizenfeld Is there any chance you could provide me with a small example of child symbols? Perhaps a small Sketch file on how you would construct your symbol?
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.
That would be really helpful! :)
Am 6. März 2017 um 06:01:01, swizenfeld ([email protected]) schrieb:
do you still need a demo file?
On Sat, Mar 4, 2017 4:45 PM, sergio wizenfeld [email protected] wrote: Damn i just saw this I'm not home right now and don't have a computer with me. But I will try to get it to you tomorrow.
On Sat, Mar 4, 2017 at 1:35 AM Kristof Dreier [email protected] wrote: @swizenfeld Is there any chance you could provide me with a small example of child symbols? Perhaps a small Sketch file on how you would construct your symbol?
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.
— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/herrkris/sketch-dynamic-symbol-button/issues/2#issuecomment-284303447, or mute the thread https://github.com/notifications/unsubscribe-auth/AAAka9TvAPq8srOxdESdOSdvEzhiL9Umks5ri5MNgaJpZM4MQRz_ .
attached let me know if you can open it,
On Sun, Mar 5, 2017 10:38 PM, Kristof Dreier [email protected] wrote: That would be really helpful! :)
Am 6. März 2017 um 06:01:01, swizenfeld ([email protected]) schrieb:
do you still need a demo file?
On Sat, Mar 4, 2017 4:45 PM, sergio wizenfeld [email protected] wrote: Damn i just saw this I'm not home right now and don't have a computer with me. But I will try to get it to you tomorrow.
On Sat, Mar 4, 2017 at 1:35 AM Kristof Dreier [email protected] wrote: @swizenfeld Is there any chance you could provide me with a small example of child symbols? Perhaps a small Sketch file on how you would construct your symbol?
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.
— You are receiving this because you commented. Reply to this email directly, view it on GitHub
https://github.com/herrkris/sketch-dynamic-symbol-button/issues/2#issuecomment-284303447,
or mute the thread
.
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.
sent let me know if you got it
On Mon, Mar 6, 2017 12:27 AM, Kristof Dreier [email protected] wrote: Hm, do you mind sending it via email? :)
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.
The icon being in the same group as the text would be nice to be able to specify them to be centered instead of the icon being pin to the corner.
On Mon, Mar 6, 2017 at 12:32 AM Kristof Dreier [email protected] wrote:
Perfects, thanks!
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/herrkris/sketch-dynamic-symbol-button/issues/2#issuecomment-284332536, or mute the thread https://github.com/notifications/unsubscribe-auth/AGbjWH1LwIv7O3uZgOiGBQ3RJTeDKOEjks5ri8SagaJpZM4MQRz_ .