Multi-Level Nested Dropdown Menus in Adobe XD

  Рет қаралды 86,544

Howard Pinsky

Howard Pinsky

Күн бұрын

Пікірлер: 56
@Sekhmet6697
@Sekhmet6697 3 жыл бұрын
I think XD would benefit from having a special dropdown menu component that automates all this. As it is it's just faster to mock this up using bootstrap. To clarify: I’m used to do menus as stacks because it’s easy to change positions of menu items, so this way of creating sub menus doesn’t work because when the submenu appears it pushes down all other menu items
@Alikk784
@Alikk784 2 жыл бұрын
this was very fun and satisfying to watch
@samanshafaei2625
@samanshafaei2625 3 жыл бұрын
You’re the best, Pinsky ✌🏻❤️
@WB-zr7pq
@WB-zr7pq 3 жыл бұрын
I love this flexibility when building in this type of logic, makes a menu build so much easier. I'm still trying to figure out how to center align multiple menu items in a box(remove or add in item stays center-aligned) vs top align by default via logic. Padding works to a degree... If I could get it to center-align to the bigger area that would be very useful.
@Dzynerr
@Dzynerr 3 жыл бұрын
You're a wizard Howard!
@OrBarniv
@OrBarniv 5 ай бұрын
Hi Howard! I really hope I can reach you. I am trying to create a menu that has multiple submenu options, and each of those have options tooo...whats the best way to go about it do you think? Thank you so much
@margaretmartine9430
@margaretmartine9430 3 жыл бұрын
would be great to see submenu open in the middle of the menu list, not the bottom. Just curious what is the most effective way to build it that way.
@s-p-y7090
@s-p-y7090 3 жыл бұрын
Thank you, It's helping with our products. Great idea for giving presentations for clients and our team manager. Thank you.
@sunderrajanranganathan1547
@sunderrajanranganathan1547 3 жыл бұрын
Hi, My requirement is to have two submenu's eg: Active,submenu1 and Active,submenu 2. in this care, the components overlap each other and hover doesn't work as expected. Do you have suggestion for this issue?
@meteshgupta11
@meteshgupta11 2 жыл бұрын
REally helpful and quite easy to understand... thanks
@siloscarva
@siloscarva 3 жыл бұрын
Chapeaux Monsieur! That was a really nice reverse engineering drop-down menu tutorial. I'm definitely going to try replicate that. 🙌
@TAHAxEDITSx
@TAHAxEDITSx 2 жыл бұрын
BROTHER, YOU ARE THE BEST!!! You oooh really helped me!! THANK YOU VERY MUCH!
@LetsLearnWith_Rahul
@LetsLearnWith_Rahul 3 жыл бұрын
Dude you are a life saver , thank you so much!!
@3mmy715
@3mmy715 2 жыл бұрын
I tried this. However when I hover over the nested drop down it doesn’t leave when I move the move off of it. Only when I move up. Confusing !
@sukhpreetkaur3605
@sukhpreetkaur3605 3 жыл бұрын
dude, you re the best...i love your videos!
@rehanqureshiyt
@rehanqureshiyt 3 жыл бұрын
Really helpful and easy tutorial! Much needed 👍
@beewoonang5605
@beewoonang5605 2 жыл бұрын
Hi Howard, can you make a video about how to increment by 1 with a plus sign and decrement by 1 with a minus sign?
@majeyork
@majeyork 3 жыл бұрын
You're a lifesaver today! Thanks SM
@mindkhichdi
@mindkhichdi 3 жыл бұрын
Your videos are great to learn Adobe XD .
@vishalchanderkaushal
@vishalchanderkaushal 2 жыл бұрын
Hy Howard, can we design multiple selection checkboxes in Dropdown. Like I am saying If I checked one checkbox that checked checkbox label should visible in Dropdown and after that again I clicked on dropdown to select the another checkbox that already checked checkbox should remain checked and its label should retain in dropdown. Like this Option1, Option2, Option 3 and When I un-check any of option that will remove from the dropdown. Option1, Option3 some thing like that. can we do this thing in XD
@thabangmoswetsi
@thabangmoswetsi 2 жыл бұрын
Thank you Howard.
@kooroshhaziny8992
@kooroshhaziny8992 2 жыл бұрын
Thank you so much for the video, I really appreciate that.
@rodrigolabrador7224
@rodrigolabrador7224 3 жыл бұрын
The problem I am finding doing Dropdown menus are the interaction with elements. Let me explain: If you want the buttons in the menu to have a mouse over state or something like that, they have to be a component themselves, but as soon as they are inside another component they become "non-master" components. This means that you should link them again in every new artboard you place the menu. It's a little frustrating. One workaoround for this is: Instead of doing one single master component for buttons, you have to create a master component for every button inside the menu, and link that master component to the page you want to link. Does anybody knows if there is another way for achieving this?
@zhangzhaoyu9241
@zhangzhaoyu9241 2 жыл бұрын
Really impressive. hover effect make prototype more real!
@afriedihasanmorad175
@afriedihasanmorad175 3 жыл бұрын
Go on. Great video ever on the topic.
@leksetengah
@leksetengah 3 жыл бұрын
11:07 its hard to understand!
@brnrmr_
@brnrmr_ 3 жыл бұрын
That was incredible!
@sanketksompura8381
@sanketksompura8381 3 жыл бұрын
what if i try to export into HTML? does it work in the browser?
@djvj4713
@djvj4713 2 жыл бұрын
Really useful video! Thank you Howard. +1 Sub
@PerfectLyricsStudio
@PerfectLyricsStudio 2 жыл бұрын
Great Jobs!!! You got my suppose as usual
@nataliabernal2555
@nataliabernal2555 2 жыл бұрын
Very helpful, thanks a lot!
@daniyalsuliaman6757
@daniyalsuliaman6757 3 жыл бұрын
You have just confirmed my promotion and pay rise ^_^
@jordan22taylor
@jordan22taylor 3 жыл бұрын
YOU ARE THE MAN!!!
@sparkplug964
@sparkplug964 3 жыл бұрын
This is an honest question, but do you have any idea how far ahead Figma is compared to Adobe XD, it make Adobe XD look basic at best. You latest update to XD was for Outline Stroke, Inner Shadow, Angular Gradient for June 7, 2021. Is this really what you think the user want, Figma have just introduced Variable Components which is a real game changer, and a host of other really useful feature to help UX,UI designer do they're job.
@khurramux6870
@khurramux6870 3 жыл бұрын
You nailed it !!
@omarmorones9823
@omarmorones9823 3 жыл бұрын
Beautiful!!!!
@carlsonrodriguez5342
@carlsonrodriguez5342 3 жыл бұрын
You just got a sub... good job..
@Solescape1
@Solescape1 2 жыл бұрын
Howard, GREAT JOB! I hope you see this and can reply soon... Is XD a possibility to use for fillable forms, kind of like a really classy Adobe DC on steroids? I'm working on a request that requires people to tick boxes, add their profile information, make selections, etc. The big catch is that it will not be on a website, but possibly browser-based. THANK YOU SIR!!!
@pavelasafov
@pavelasafov 3 жыл бұрын
Howard is Very nice ticher!
@quacquac_quacquac
@quacquac_quacquac 3 жыл бұрын
Love it 💖💖
@hunzaegaming3148
@hunzaegaming3148 3 жыл бұрын
You're the best
@suppien
@suppien 3 жыл бұрын
Thanks, this is great.
@sibanipradhan7856
@sibanipradhan7856 3 жыл бұрын
Thank you so much
@aminakmali
@aminakmali 3 жыл бұрын
Thank you sir
@SenaLee
@SenaLee 2 жыл бұрын
Thanks so much :)
@manasapple
@manasapple 3 жыл бұрын
Thank you for sharing :)
@samcarpinteyro8482
@samcarpinteyro8482 3 жыл бұрын
Nice!
@oleksandrashumakova1320
@oleksandrashumakova1320 2 жыл бұрын
I would recommend to do a short simple videos for newbies. For example how to do just a hover effect. When I hover then element appears. Something like that. This tutorial is Too complicated for me.
@mdbicky530
@mdbicky530 3 жыл бұрын
thanks a lot
@ferhadhaderdogan9332
@ferhadhaderdogan9332 Жыл бұрын
why is this talking so much about colors, design, and checkboxes, when the title is about multi-level nested dropdown menus?
@deweyro9629
@deweyro9629 3 жыл бұрын
You great sir.. just got a sub... good job..
@陈泽-v8o
@陈泽-v8o 3 жыл бұрын
I want to know the email address of this teacher
@14onyx
@14onyx 3 жыл бұрын
Great;)
@syukronofficial8023
@syukronofficial8023 3 жыл бұрын
for newbie like me , its so hard to undrstand bcs im on studying English language to , but i try more harder to undrstnd this expert leason, good luck to every1
@khurramux6870
@khurramux6870 3 жыл бұрын
I'm sure you will learn it quick. Best of luck brother !
@flpkt
@flpkt 3 жыл бұрын
First
Design a Personal Planner using Stacks and Padding in Adobe XD
9:52
coco在求救? #小丑 #天使 #shorts
00:29
好人小丑
Рет қаралды 120 МЛН
Sigma Kid Mistake #funny #sigma
00:17
CRAZY GREAPA
Рет қаралды 30 МЛН
She made herself an ear of corn from his marmalade candies🌽🌽🌽
00:38
Valja & Maxim Family
Рет қаралды 18 МЛН
Create a Dropdown Menu in Adobe XD
5:42
Mind Island Design
Рет қаралды 55 М.
STOP doing DROPDOWNS like this - Figma variables 2024
15:35
Ricardo Costa
Рет қаралды 204 М.
Hover Dropdown Menu Animations in Adobe Xd | Design Weekly
18:14
Punit Chawla
Рет қаралды 113 М.
How to Create a Drop down Menu Component in Adobe XD | Tutorial
11:43
Digital Art Creation
Рет қаралды 140 М.
How to use components in Adobe Xd | tutorial with examples
12:54
Maddy Beard UX
Рет қаралды 55 М.
Adobe XD Multiple Interactions Prototype Tutorial
11:02
Caler Edwards
Рет қаралды 227 М.
6 UI Hacks I Wish I Knew As A Beginner
11:11
Tim Gabe
Рет қаралды 890 М.
5 laws of design layout & composition *golden rules*
7:01
Shapes By Sean
Рет қаралды 592 М.
Adobe XD Dropdown Menu
9:02
Jesse Showalter
Рет қаралды 94 М.