Highlighted

Help - Can't make a button (stroke. no fill) flexibly resize with padding options

New Here ,
Aug 03, 2020

Copy link to clipboard

Copied

I am really struggling to allow for flexible resizing with a ghosted button I have designed, see screenshot. I was able to make the same button flexibile if I used a fill and not a stroke. I cant imagine that XD won't allow for a ghosted button to resize. Any advice? I tried grouping the text and rectangle shape, and also tried just going direct as a component. Neither works. Screen Shot 2020-08-03 at 11.48.20 AM.png

Adobe Community Professional
Correct answer by Dan Rodney | Adobe Community Professional

The setup of this should be a rectangle behind a text object, but note the following:

  • Make sure the elements are NOT grouped inside the component! (I think this is where your problem lies.)
  • Make sure the text is point text (not area text) so it can resize automatically. You can find the point text button in the Text area of the Inspector on the right side of the XD window.
  • Use the alignment features to center the text inside the rectangle. 
TOPICS
Design, How to, Missing feature

Views

34

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Help - Can't make a button (stroke. no fill) flexibly resize with padding options

New Here ,
Aug 03, 2020

Copy link to clipboard

Copied

I am really struggling to allow for flexible resizing with a ghosted button I have designed, see screenshot. I was able to make the same button flexibile if I used a fill and not a stroke. I cant imagine that XD won't allow for a ghosted button to resize. Any advice? I tried grouping the text and rectangle shape, and also tried just going direct as a component. Neither works. Screen Shot 2020-08-03 at 11.48.20 AM.png

Adobe Community Professional
Correct answer by Dan Rodney | Adobe Community Professional

The setup of this should be a rectangle behind a text object, but note the following:

  • Make sure the elements are NOT grouped inside the component! (I think this is where your problem lies.)
  • Make sure the text is point text (not area text) so it can resize automatically. You can find the point text button in the Text area of the Inspector on the right side of the XD window.
  • Use the alignment features to center the text inside the rectangle. 
TOPICS
Design, How to, Missing feature

Views

35

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Aug 03, 2020 0
Adobe Employee ,
Aug 05, 2020

Copy link to clipboard

Copied

Hi Tash,

 

Thank you for reaching out. I tried to reproduce from what I got from your post and was able to resize the rectangle maybe I am not following the same workflow. Please see the attached the video below:

 

without fill resizing.gif

 


You need to make sure you are within the component while resizing the rectangle.

 

Let me know if I misunderstood you or share a video of your workflow for a better understanding.

 

I will try my best to help.

 

Thanks,

Harshika

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 05, 2020 0
Adobe Community Professional ,
Aug 06, 2020

Copy link to clipboard

Copied

The setup of this should be a rectangle behind a text object, but note the following:

  • Make sure the elements are NOT grouped inside the component! (I think this is where your problem lies.)
  • Make sure the text is point text (not area text) so it can resize automatically. You can find the point text button in the Text area of the Inspector on the right side of the XD window.
  • Use the alignment features to center the text inside the rectangle. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 06, 2020 1