Skip to main content
J
johnv89217315
Participant
January 22, 2020
Answered

[Design]-Responsive resize not honored across component states in copies of components in XD.

  • January 22, 2020
  • 4 replies
  • 2747 views

I'm running into an issue where I create a master component with a simple default and hover state (I'm just changing the background color).  I set up the responsive resize for both the default and hover states such that the background rectangle always fills the entire component area.  If I then copy that component and scale it, it shows up as modified and only the default background scales, the hover background doesn't scale at all, even though they are the same rectangle, just a different color.  If I reset to the master state, it undoes my scaling.  I just want responsive resize settings to be honored across all states of my component, I have them set the same for all states.  I shouldn't have to resize each and every one of my states when I place a component and scale it.  All the states should scale equally according to the responsive resize rules set.  The master component does honor responsive resize across all states when scaled, it's just the copies where this is an issue.  It's only scaling the default state (or whatever state is selected)

 

<The Title was renamed by moderator>

    This topic has been closed for replies.
    Correct answer johnv89217315

    I think the main issue is that in this instance, even non-overridden child properties related to responsive resize aren't inheritating the default state setting.

     

    But furthermore, if someone changes a child state setting by mistake, there should be a way to revert just that setting to inherit the default state.  It better yet, a toggle for each and every parameter to specify if it should inherit from the default state or use a customized value.

    4 replies

    naraosga-adobe
    naraosga-adobe
    Participating Frequently
    November 16, 2020

    Hello, I am sorry for mentioning this, but  when you justify why something is not working should not resolve one ticket. It still does not work. 

      A
      Community Manager
      Ansubedi03Community Manager
      Community Manager
      November 16, 2020

      Hi ,

      Thankyou for reaching out . I can understand the pain of adjusting each states but this is how a child should work. All the copied instances act as child which depends on parent . Untill main component default state isn't scaled, none of the instances will scaled . Till then you need to manually resize each copied state, which is also known as overridden state. Copied default state is also an instance, none of its following state is dependent on it. 

      If still you want this feature need an update, please post your thought here Adobe XD: Feature Requests  and get voted .

       

      Regards,

      Anita Subedi

      briankreality
      briankreality
      Participating Frequently
      July 2, 2021

      I think the issues is the values or properties should automatically update unless it is manually overwritten in the child element. I would assume all elements take on their parents traits unless that child is specifically set. I am running into this problem as well and it is impossible to have component states of components nested inside other components and then applying a transform. Why do I not have the ability to set component states to the same Responsive Resize setting as the master? It seems to revert the master state of this setting when even viewing the child element. This can't be expected behavior. As you stated Master should always override the states unless otherwise set.

        naraosga-adobe
        naraosga-adobe
        Participating Frequently
        November 13, 2020

        This is extremely unpleasant, since you are seeking to create a button that should be consistent in the entire system, or simply a hover component that is the same across many text elements, so if you resize the copied instances, they states doesnt resize, the text inside remains the previous one, so you are obligated to resize the states inside making this a hell of a job. 

          R
          Robert65
          Participant
          February 7, 2020

          Hi i am Robert born 8 29 2011

          A
          Community Manager
          Ansubedi03Community Manager
          Community Manager
          January 23, 2020

          Hello John,

          Thankyou for briging up the issue. Well, what happens in state is slightly complex. When you create a master component with few states,only default state of master component has right to change all it's unoverridden state because all other states  act as instance , even copied instance too.

          And when you copy master component and paste ,then it is instance where each state of instance is depend on master component's state. Means, if you want to change color of state 1 of all instances,you need to change color of master component's state 1 to reflect in all. If you edit state of instance,it will not gonna reflect in other copied instances.

          Hope it would be helpful. Please revert back for any doubts or issues.

           

          Thank you,

          Anita Subedi

            Terms & ConditionsAccessibility statement
            Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices