hello Telerik,
I am currently developing an application which requires a color picker control. it must be shown within a modal popup with ShowIcon=true. The problem is that the color selection list isn't shown under the dropdown. It is shown in a wrong place.
the following code is my popup usercontrol
and here is the css
I hope you guys could help me with this. Thanks.
cheers,
Thomas
I am currently developing an application which requires a color picker control. it must be shown within a modal popup with ShowIcon=true. The problem is that the color selection list isn't shown under the dropdown. It is shown in a wrong place.
the following code is my popup usercontrol
<asp:Button runat="server" ID="hiddenTargetControlForModalPopup" Style="display: none" /> |
<asp:Panel ID="selectPanel" runat="server" CssClass="popup" Style="display: none"> |
color:<telerik:RadColorPicker runat="server" ID="colorValue" ShowIcon="true" |
ShowEmptyColor="false"> |
</telerik:RadColorPicker> |
</asp:Panel> |
<ajaxToolkit:ModalPopupExtender ID="selectModalPopupExtender" runat="server" TargetControlID="hiddenTargetControlForModalPopup" |
BackgroundCssClass="modalCover" BehaviorID="selectBackgroundPropertyModal" PopupControlID="selectPanel" |
DropShadow="false"> |
</ajaxToolkit:ModalPopupExtender> |
and here is the css
.popup |
{ |
font-size:11px; |
background-color:#77235B; |
padding:10px; |
color:#FFFFFF; |
height:500px; |
width:500px; |
} |
.modalCover |
{ |
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); |
opacity: 0.5; |
Z-INDEX: 100; |
LEFT: 0px; |
POSITION: absolute; |
TOP: 0px; |
background-color: #ffffff; |
} |
I hope you guys could help me with this. Thanks.
cheers,
Thomas