This is a migrated thread and some comments may be shown as answers.

colorpicker not shown correctly within ModalPopup

1 Answer 140 Views
ColorPicker
This is a migrated thread and some comments may be shown as answers.
T
Top achievements
Rank 1
T asked on 12 Jun 2009, 10:12 AM
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
<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

1 Answer, 1 is accepted

Sort by
0
Accepted
Tsvetie
Telerik team
answered on 12 Jun 2009, 04:47 PM
Hello Thomas,
There was a problem in the version you use that caused the popup palette of the RadColorPicker to show in the wrong place. Generally, before the RadColorPicker shows its palette, it checks whether the palette can show in the visible viewport of the browser window. In case it cannot, the color picker tries to reposition it according to that viewport. The problem was in the code that repositions the palette in case it will not open in the visible viewport of the browser.

However, we have already fixed that problem and in case you update your version to the latest - 2009.1.527, the palette should show in the correct position.

Greetings,
Tsvetie
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Tags
ColorPicker
Asked by
T
Top achievements
Rank 1
Answers by
Tsvetie
Telerik team
Share this question
or