I would like to set the height of my WebDropDown to 15px.
Only the Texbox portion of the dropdown getting resized, the downArrow image height is unchanged. I see that, the 4 images height is 21px, they are not getting resized when Height is set to < or > 21px. (igdd_DropDownButton.png,igdd_DropDownButtonHover.png,igdd_DropDownButtonHover.png,igdd_DropDownButtonPressed.png)
Only way I can get the whole Dropdown Height set to what i want is, using Javascript in client side Initialize event setting sender._elements.Input.style.height & sender._elements.ButtonImage.style.height
Can someone please share if there is way to get the control Height changed using CSS or properties? Thx
Awesome, that is what exactly I am looking for. Thank you so much.
Hello venkatp,
you could try to edit ig_dropDown.css by adding:
height: 15px !important;
.igdd_DropDownButton{width: 17px;z-index: 9999;height: 15px !important;} .igdd_DropDownButton img{display:block;height: 15px !important;}
.igdd_DropDownButton img{display:block;height: 15px !important;}
Thanks for your reply.
I can point to different Images setting these properties, but the control takes the Height of the image. Say Button-ImageUrl pointing at an image sized 30x30, the control height is going to be 30px.
Either I have to resize the image to the height I need, Or change the size using JavaScript.
I am trying to avoid both, wondering if there is any other better to way to achieve this changing something in ig_dropDown.css or by assigning some external style.
did you try to set Button-ImageUrl, Button-PressedImageUrl, Button-DisabledImageUrl properties?
Thank you