• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

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

New Here ,
Aug 03, 2020 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

TOPICS
Design , How to , Missing feature

Views

287

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
community guidelines

correct answers 1 Correct answer

Community Expert , Aug 06, 2020 Aug 06, 2020

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. 

Votes

Translate

Translate
Adobe Employee ,
Aug 05, 2020 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

Votes

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
community guidelines
Community Expert ,
Aug 06, 2020 Aug 06, 2020

Copy link to clipboard

Copied

LATEST

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. 

— Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor

Votes

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
community guidelines