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