Skip to Content (Press Enter)
2024-07-17 07-59-24
Pratya Homhual
255Views
7Comments
Solved
How can I change dropdown arrow position?
Question
Mobile
Reactive
Application Type
Mobile, Reactive

I need to change dropdown arrow position to top of dropdown. (by default center) When I  have 15px container padding.

Sorry for my English skill you can look at pic.

0
0
17 May 2022
Copy Link
2024-12-10 04-40-04
Gitansh Anand
Solution

Try to add this class on the screen

.phone .dropdown-container:after {
     top: 0px !important;
}

See solution in context
3
0
17 May 2022
Copy Link
2024-07-17 07-59-24
Pratya Homhual

I will try it.

0
0
17 May 2022
Copy Link
2024-07-17 07-59-24
Pratya Homhual

I try to add  top: 0px !important;  and right: 0px !important;

It's work for me, Thanks.


0
0
17 May 2022
Copy Link
2020-07-01 11-36-23
Shubham Tiwari
2022-07-28 08-07-39
Jitendra Kumar

Hi @Pratya Homhual ,

I have tried many things but this is outsystems inbuilt UI and we can't target only arrow for customization of arrow so I think we cant move that arrow on the top of dropdown widget.

Regards,

Jitendra

1
0
17 May 2022
Copy Link
2024-12-10 04-40-04
Gitansh Anand
Solution

Try to add this class on the screen

.phone .dropdown-container:after {
     top: 0px !important;
}

3
0
17 May 2022
Copy Link
2024-07-17 07-59-24
Pratya Homhual

I will try it.

0
0
17 May 2022
Copy Link
2024-07-17 07-59-24
Pratya Homhual

I try to add  top: 0px !important;  and right: 0px !important;

It's work for me, Thanks.


0
0
17 May 2022
Copy Link
2020-07-01 11-36-23
Shubham Tiwari
2020-07-01 11-36-23
Shubham Tiwari

Hi @Pratya Homhual 

Can you share some more insight as what exactly you want to do.

Usually dropdown arrows are situated at the right of the box as shown in the image below.

Thanks

Shubham


1
0
17 May 2022
Copy Link
2024-07-17 07-59-24
Pratya Homhual

set dropdown arrow at Right Top of dropdown

0
0
17 May 2022
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.