Skip to Content (Press Enter)
UserImage.jpg
Pradeep K K
225Views
5Comments
Solved
Dropdown Arrow
Discussion
How-to
OutSystems UI Patterns

Hi


I have a dropdown in form in which the downwar arrow looks so small. Can you please provide the steps of adding any css nor setting it to the property for increasing the size?


Thanks 

Pradeep

0
0
25 Sep 2018
Copy Link
2018-08-26 20-34-32
Pankaj pant
Solution

Hi just overwrite this CSS.

Just put it as your page level make height and width equal as per your requirement.

[data-dropdown] > div.dropdown-display:after {
    border: 1px solid #455a64;
    border-right: 0 !important;
    border-top: 0 !important;
    width: 8px;
    height: 8px;
    bottom: 13px;
    -webkit-transform: rotate(-45deg) translateY(-15px);
    transform: rotate(-45deg) translateY(-15px);
}
See solution in context
1
0
25 Sep 2018
Copy Link
2018-08-26 20-34-32
Pankaj pant

Pradeep KK wrote:

Hi


I have a dropdown in form in which the downwar arrow looks so small. Can you please provide the steps of adding any css nor setting it to the property for increasing the size?


Thanks 

Pradeep

Web or Mobile?

Regards,

Pankaj


0
0
25 Sep 2018
Copy Link
UserImage.jpg
Pradeep K K

Hi Pankaj


This is for mobile.


Thanks & Regards

Pradeep

0
0
25 Sep 2018
Copy Link
2018-08-26 20-34-32
Pankaj pant
Solution

Hi just overwrite this CSS.

Just put it as your page level make height and width equal as per your requirement.

[data-dropdown] > div.dropdown-display:after {
    border: 1px solid #455a64;
    border-right: 0 !important;
    border-top: 0 !important;
    width: 8px;
    height: 8px;
    bottom: 13px;
    -webkit-transform: rotate(-45deg) translateY(-15px);
    transform: rotate(-45deg) translateY(-15px);
}
1
0
25 Sep 2018
Copy Link
UserImage.jpg
Pradeep K K

Hi Pankaj


Thank you


Regards

Pradeep

0
0
25 Sep 2018
Copy Link
2018-08-26 20-34-32
Pankaj pant

Pradeep KK wrote:

Hi Pankaj


Thank you


Regards

Pradeep

Hi Pradeep,

If my answer was the solution to your problem, could you mark it as the solution? That way others in the future can find this post if they have a similar problem.


Regards,

Pankaj

0
0
25 Sep 2018
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.