The Problem: the skin file seems linking to RadControls Q2

[Ricky]

I drop some Dock controls as 

<telerik:RadDockLayout ID="DockLayout" runat="server">
    <telerik:RadDockZone ID="Zone1" runat="server" Height="370px" Width="40%" CssClass="dockZone">
        <telerik:RadDock ID="RadDock1" runat="server" Width="300px" Skin="Office2007" >
        <ContentTemplate>
Test             <br />
            Test Test
            </ContentTemplate>
        </telerik:RadDock>
        <telerik:RadDock ID="RadDock2" runat="server" Skin="Outlook" Width="300px">
        </telerik:RadDock>
    </telerik:RadDockZone>

But the appearance become odd, as shown in 
http://www.sendspace.com/file/0rk3ky

Since I have had RadControlQ2 on the same web app, I am uncertain whether Premetheus Dock refer wrong Skin file. How can I sepcify the skin path?

Thanks a lot,
Ricky.

[Petya]

Hello Ricky,

We would like to request some more information on your problem before we proceed. First, would you please provide step-by-step instructions on where we can see RadDock Prometheus in the link you provided. Second, would it be possible for you to provide some more detailed information on your exact setup that you refer to with
" Since I have had RadControlQ2 on the same web app..." - what dlls you have installed and what you expect to happen. Looking forward to your reply.

Regards,
Petya
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Ricky]

As in the on-line example, the expand/collapse icon should be line horizontally with the close icon, http://www.sendspace.com/file/stcm2n, but in my previously uploaded file, thery are not! So I "doubt" it is due to it refer to wrong skin file. The first Dock specifies "Office2007"  skin and the second (bottom) one specifies "Outlook". 

As for .dlls I install, I just copy some RadControls for ASP.NET's dlls to the bin folder, as in http://www.sendspace.com/file/60vyzl
Following is the complete .ascx, and I copy the Skin folder form Promethus demo folder to the root of my Web App.

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ViewiBossPersonalToolKit.ascx.cs"
    Inherits="ViewiBossPersonalToolKit" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<style type="text/css">
    .settingPanel
    {
        float: right;
    }
    .contentPanel
    {
        width: 100%;
        height: 350px;
        clear: both;
        margin-top: 5px;
    }
    .dockZone
    {
        float: left;
    }
    .Label
    {
        padding-right: 3px;
        padding-left: 3px;
        padding-bottom: 3px;
        width: 150px;
        padding-top: 3px;
    }
</style>
<asp:Panel ID="SettingPanel" runat="server" CssClass="settingPanel">
    新增小工具:
    <asp:DropDownList ID="ToolKit_DDL" runat="server">
        <asp:ListItem>---請選擇---</asp:ListItem>
        <asp:ListItem Value="~/DesktopModules/iBossWatchList/ViewiBossWatchList.ascx">求職者觀察清單</asp:ListItem>
    </asp:DropDownList>
    新增到:
    <asp:DropDownList ID="DockZone_DDL" runat="server" DataSource='<%# GetZones() %>'
        DataTextField="ID" DataValueField="ClientID">
    </asp:DropDownList>
    <asp:LinkButton runat="server" ID="AddBtn" Text="確定" OnClick="AddBtn_Clicked"></asp:LinkButton><br />
    <asp:LinkButton runat="server" ID="SaveBtn" Text="儲存個人工具箱"></asp:LinkButton></asp:Panel>
<asp:Panel ID="ContentPanel" runat="server" CssClass="contentPanel">
    <telerik:RadDockLayout ID="DockLayout" runat="server">
        <telerik:RadDockZone ID="Zone1" runat="server" Height="370px" Width="40%" CssClass="dockZone">
            <telerik:RadDock ID="RadDock1" runat="server" Width="300px" Skin="Office2007">
                <ContentTemplate>
                    Test
                    <br />
                    Test Test
                </ContentTemplate>
            </telerik:RadDock>
            <telerik:RadDock ID="RadDock2" runat="server" Skin="Outlook" Width="300px">
            </telerik:RadDock>
        </telerik:RadDockZone>
        <telerik:RadDockZone ID="Zone2" runat="server" Height="370px" Width="30%" CssClass="dockZone"
            Skin="Office2007">
        </telerik:RadDockZone>
        <telerik:RadDockZone ID="Zone3" runat="server" Height="370px" Width="30%" CssClass="dockZone">
        </telerik:RadDockZone>
    </telerik:RadDockLayout>
</asp:Panel>
<div style="display: none">
    Hidden UpdatePanel, which is used to receive the new dock controls. We will move
    them with script to the desired initial dock zone.
    <asp:UpdatePanel runat="server" ID="UpdatePanel1">
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="AddBtn" EventName="Click" />
        </Triggers>
    </asp:UpdatePanel>
</div>

Thanks,
Ricky.




 

[Ricky]

BTW:
1) what is the hot-fix included in the downloaded, do you think it helps the problem.
2) I find the default skin works well.

Regards,
Ricky.

[Ricky]

The another strange example:

http://www.sendspace.com/file/5x0z02

[Petya]

Hello Ricky,

Both problems that your screenshots show seem to have been fixed a while ago, before version 2007.2.1107 (that you have stated to be using) was released. Would it be possible to still check the version of your dll and tell it to us - either double click on it in VS or on the physical dll file give right click ->  Properties -> Version tab. Looking forward to your answer.

Regards,
Petya
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Ricky]

Hi,
The version is 2007.2.1107.0.
BTW: i am using it within a DNN module.

Thanks for your help.
Ricky/

[Ricky]

Hi, I think I can help to debug.
As shown in http://www.sendspace.com/file/vem88k

The width of comannd icons is too narrow so the collapse button is wrapped to the bottom. After setting it a bit wider, says, 54px, it looks well. http://www.sendspace.com/file/b59ml0

Ricky.

[Ricky]

I got another problem. I cannot find the included .css files used with RadDock; they seems contained in WebResource.axd. Is my conjecture true?

Regards,
Ricky.

[Petya]

Hello Ricky,

About the wrong skins appearance - we reproduced the problem and will investigate it. When we are done we will contact you in the other thread you opened specifically for this question. About the skins files location - by default they are in the dll. In case you want to modify an existing skin or create a new one you need to follow the instructions in the following help articles:

Modify Existing Skins
Create a Custom Skin

Regards,
Petya
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Ricky]

Hi,
How long do you estimate your schedule to fix this bug, which will affects our decision on fixing it by ourselves.

Regards,
Ricky.

[Ricky]

Hi,
How long do you estimate your schedule to fix this bug, which will affects our decision on fixing it by ourselves.

Regards,
Ricky.

[Petya]

Hi Ricky,

I just wrote you in your support thread with instructions on how to modify the skin to achieve the desired appearance.  I am pasting my answer here so that it is available in the forum as well:

I reproduced the problem only in IE, in FF for example the commands were correctly aligned. The problem you experience comes from the fact that DNN is in quirks mode in IE, not in standard. For now the easiest solution is to modify the existing skins. Below is how I modified the Outlook skin to achieve the desired appearance:

1. I followed the instructions in Modifying Built-in Skins help article to make sure the CSS for the docks comes from the local Skins folder where I modified the CSS, not from the dll.

2. I located ~/Skins/Outlook/Dock.Outlook.css file and made the following changes:

• increased the width of the commands from 15 to 16px in these classes:
  .RadDock_Outlook .rdCollapse, .RadDock_Outlook .rdExpand, .RadDock_Outlook .rdClose, .RadDock_Outlook .rdPin, .RadDock_Outlook .rdUnpin, .RadDock_Outlook .rdCustom
• removed the padding in .RadDock_Outlook .rdHTitlebar .rdCommands
• set margin 0 in .RadDock_Outlook .rdHTitlebar .rdCommands a

Please, test this way and let me know if you have any difficulties. We will try to address this inside the control but as we have not specified any time when this will happen we believe for now the better option for you to get an instant solution is to modify the skin.

Hope this helps.

Regards,
Petya
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center