The Problem: the skin file seems linking to RadControls Q2

13 posts, 0 answers
  1. Ricky
    Ricky avatar
    247 posts
    Member since:
    Jun 2007

    Posted 17 Dec 2007 Link to this post

    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.
  2. Petya
    Admin
    Petya avatar
    869 posts

    Posted 18 Dec 2007 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ricky
    Ricky avatar
    247 posts
    Member since:
    Jun 2007

    Posted 18 Dec 2007 Link to this post

    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.




     
  5. Ricky
    Ricky avatar
    247 posts
    Member since:
    Jun 2007

    Posted 18 Dec 2007 Link to this post

    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.
  6. Ricky
    Ricky avatar
    247 posts
    Member since:
    Jun 2007

    Posted 18 Dec 2007 Link to this post

    The another strange example:

    http://www.sendspace.com/file/5x0z02
  7. Petya
    Admin
    Petya avatar
    869 posts

    Posted 18 Dec 2007 Link to this post

    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
  8. Ricky
    Ricky avatar
    247 posts
    Member since:
    Jun 2007

    Posted 18 Dec 2007 Link to this post

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

    Thanks for your help.
    Ricky/
  9. Ricky
    Ricky avatar
    247 posts
    Member since:
    Jun 2007

    Posted 18 Dec 2007 Link to this post

    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.
  10. Ricky
    Ricky avatar
    247 posts
    Member since:
    Jun 2007

    Posted 19 Dec 2007 Link to this post

    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.
  11. Petya
    Admin
    Petya avatar
    869 posts

    Posted 20 Dec 2007 Link to this post

    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
  12. Ricky
    Ricky avatar
    247 posts
    Member since:
    Jun 2007

    Posted 20 Dec 2007 Link to this post

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

    Regards,
    Ricky.
  13. Ricky
    Ricky avatar
    247 posts
    Member since:
    Jun 2007

    Posted 20 Dec 2007 Link to this post

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

    Regards,
    Ricky.
  14. Petya
    Admin
    Petya avatar
    869 posts

    Posted 20 Dec 2007 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017