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

Feature Request- Is it possible to add drop shadow to grouped element in XD?

Advisor ,
Jun 22, 2018 Jun 22, 2018

Copy link to clipboard

Copied

I have this row with 5 white boxes where each box have a 1 px border. I grouped all boxes to add a drop shadow to the shape but it's not possible cause there are no shadow available in the properties panel. The only way to make the shadow properties to appear is to double click one of the rows in my group, I'm then able to add shadow to that single element, but that's not what I want. I want the shadow to be applied to the whole list as one element. Is this a bug? Why can't I add a shadow to a grouped element?

 

Group 35.png

TOPICS
Missing feature

Views

9.2K

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

Adobe Employee , Jun 22, 2018 Jun 22, 2018

Perrybus, thanks for clarifying the situation, now I understand your workflow. We'll pass on the feedback to the product team.

Votes

Translate

Translate
Jun 22, 2018 Jun 22, 2018

Copy link to clipboard

Copied

Hey perrybus,

As you have mentioned that you wish to be able to apply drop shadow to a combination of grouped elements, I don't see it as a bug, rather it a missing feature.

Thanks for bringing it into our notice. The Adobe User Voice website https://adobexd.uservoice.com is where Adobe accepts new features requests.

I don't any such feature requested before I suggest you to create a new request and update it with your comments and also get it upvoted for climbing up the  priority list.

Hope this helps.

Thanks!

Ankush

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
Advisor ,
Jun 22, 2018 Jun 22, 2018

Copy link to clipboard

Copied

This is rather a must in my mind. Not a nice to have feature. Do we really have to post to that forum for each obvious thing? I hope Adobe would use a little common sense and implement stuff that is rather obvious in a design and layout program. If adding requests for everything is the way XD engineers add features then we will see very little progress in a very long time period. Does a car need wheels?!

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
Adobe Employee ,
Jun 22, 2018 Jun 22, 2018

Copy link to clipboard

Copied

Hi Perrybus,

In addition to what Ankush has suggested, I would like to inform you that I have tried to replicate what your workflow and I was able to drop shadow to all the elements at once. Please see the screenshot and share if that's what you are looking for.

To be able to drop shadow to all the elements at once, here is what I have done.

1. Grouped the elements.

2. Selected all the elements one by one and applied shadow.

<Note:- step 2 works regardless of grouping the elements.>

Hope this helps, please feel free to update this discussion in case you need further assistance.

Thanks.

Atul_Saini

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
Advisor ,
Jun 22, 2018 Jun 22, 2018

Copy link to clipboard

Copied

Your not showing a grouped element with a drop shadow. Your showing drop shadow applied to single boxes in the grouped element applied at once. It's not possible to add shadow to the grouped element as ONE. The reason I group something is so that I can apply an effect to the whole shape and not just the single rows in the element. When you group several elements to one and select it the drop shadow properties is not available in the property panel. This makes it impossible to for instance design a drop down menu with a global drop shadow applied to it. It's only possible to apply the drop shadow to the single rows and that's not what I'm after. The WHOLE SHAPE I have grouped needs to be styled with a drop shadow - not single rows.

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
Adobe Employee ,
Jun 22, 2018 Jun 22, 2018

Copy link to clipboard

Copied

Perrybus, thanks for clarifying the situation, now I understand your workflow. We'll pass on the feedback to the product team.

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
New Here ,
Jul 24, 2019 Jul 24, 2019

Copy link to clipboard

Copied

So the year has past. Will this "feature" be released?

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 ,
Jul 24, 2019 Jul 24, 2019

Copy link to clipboard

Copied

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
Advisor ,
Jul 24, 2019 Jul 24, 2019

Copy link to clipboard

Copied

Wow, been 2 years and 5 months since I first saw a request for this basic feature in the upvote section. XD doesn't move fast.

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
New Here ,
Nov 06, 2019 Nov 06, 2019

Copy link to clipboard

Copied

so sad that its still not being fix by the team

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
New Here ,
Sep 01, 2021 Sep 01, 2021

Copy link to clipboard

Copied

it is actually crazy this feature is still not available. 

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
Adobe Employee ,
Sep 07, 2021 Sep 07, 2021

Copy link to clipboard

Copied

Hi there, 

 

We understand your frustration and will definitely make sure to pass on your feedback with the team. I've seen a similar request has been raised here: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/16075180-ability-t...

 

If you think it matches your requirement, then please feel free to add your vote and submit your feedback.

 

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
New Here ,
Jul 09, 2023 Jul 09, 2023

Copy link to clipboard

Copied

Hi, why don't I have the shadow tool?Screenshot 2023-07-09 220815.png

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
Adobe Employee ,
Jul 10, 2023 Jul 10, 2023

Copy link to clipboard

Copied

LATEST

Hi @john57722.,

 

Thank you for reaching out. You can add a drop shadow and inner shadows to objects like toggles, buttons, sliders, and illustrations, as mentioned in this article: Learn to set stroke, fill, drop shadow, and inner shadow, and create blend effects for objects in Ad... 

 

Let us know if that helps. We'll be happy to help you.

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
New Here ,
Nov 06, 2019 Nov 06, 2019

Copy link to clipboard

Copied

i want to make it also. to put shadown in a grouped elements.

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
New Here ,
Feb 27, 2020 Feb 27, 2020

Copy link to clipboard

Copied

2 years have passed, still no such function

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
New Here ,
May 29, 2020 May 29, 2020

Copy link to clipboard

Copied

I've noticed this issue as well, but it occurs randomly. When it does, I've found one workaround.

  1. Copy the group and paste it into an Illustrator document.
  2. Select your group and create a Compound path (Command/Ctrl-8), making sure the "USe Even-Odd Fill Rule" box is highlighted in the Attributes panel (Window > Attributes—it's the button on the far right that looks like a square with a hole in it).
  3. Then cut the group out of Illustrator and paste it back into XD.
  4. In XD, your group now allows you to create a drop shadow. (At least it did for me.)

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
New Here ,
Oct 07, 2020 Oct 07, 2020

Copy link to clipboard

Copied

It's even easier than this.

  1. Copy entire group and paste it overtop.
  2. Select each individual shape.
  3. Right click, and select 'Path' then select 'Add' (or press Ctrl+Alt+U)
  4. Move the now single shape behind the main grouping and apply a drop shadow to your liking.

 

I realize this is a workaround, and it should be able to be applied to groups or entire components, but this is the fix I've used for now. It gets a little janky if you are trying to do hover effects with the drop shadow affected, is you'd basically need do it as a state via a click rather than hover to show it to a client.

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