Skin is not loaded correctly. I have multiple Skin but it is always loading Default Skin

5 posts, 0 answers
  1. neophyte
    neophyte avatar
    3 posts
    Member since:
    Aug 2013

    Posted 10 Aug 2013 Link to this post


    Hi Guys,

    I am a new comer to this forum and I am new with this fantastic Telerik components. I have an issue loading the correct Skin from the multiple Skin that I have. The idea is that, I have a query to pull what Skin should be loaded, but the issue it is always loading the Default Skin. I inspect the CSS and it is being overridden by the WebResource. Below is the complete code:

    C# code for RadDock declation:
    public partial class _Default : System.Web.UI.Page
    {
        public String lbl_error;
         
        protected void Page_Load(Object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                /*CCLibs*/
                CCDBLib ccDB = new CCDBLib();
                ccDB.ConnectionString = (String)Application["appDSN"];
                System.Data.SqlClient.SqlDataReader dr;
                /**/
                 
                 
                 
                 
                /*data that was passed in*/
                String prtGUID = Request["prt_GUID"];
                String scGUID = Request["sc_GUID"];
                String lngXMLDir = Request["lng_XMLDir"];
                 
                if (lngXMLDir == "" || lngXMLDir == null)
                {
                    lngXMLDir = "English";
                }
                /**/
                 
                 
                 
                 
                /*check score string*/
                DataCollectionLib.checkScoreGUID(prtGUID, scGUID, lngXMLDir, ccDB);
                /**/
                 
                 
                 
                 
                /*database variables*/
                int prtID; int prtSubjectID; int tolID; Boolean tolIsRole; String tolXMLCode; String tolBackgroundColor;
                String scRole; String prtName; String prtSubjectName; Boolean scPart1completed; String scScores;
                 
                String query = @"
                        intentionally remove the query for confidentiality purpose
                        ";
                 
                dr = ccDB.GetDataReader(query);
                dr.Read();
                 
                prtID = (int)dr["prt_ID"];
                prtSubjectID = (int)dr["prt_subjectID"];
                tolID = (int)dr["tol_ID"];
                tolIsRole = (Boolean)dr["tol_isRole"];
                tolXMLCode = (String)dr["tol_XMLCode"];
                tolBackgroundColor = (String)dr["tol_backgroundColor"];
                scRole = (String)dr["sc_role"];
                prtName = (String)dr["emp_firstName"] + " " + (String)dr["emp_lastName"];
                prtSubjectName = (String)dr["emp_subjectFirstName"] + " " + (String)dr["emp_subjectLastName"];
                scPart1completed = (Boolean)dr["sc_part1completed"];
                scScores = (String)dr["sc_scores"];
                headerCustomControl.comWebLogo = dr["com_webLogo"] != DBNull.Value ? (String)dr["com_webLogo"] : ""; //must find a better way to check for null
                /**/
                 
                 
                 
                 
                /*SKIN*/
                switch (tolXMLCode)
                {
                    case "pps":
                        RadDockLayout1.Skin = "Portrait";
                        break;
                    case "pos":
                        RadDockLayout1.Skin = "PortraitOD";
                        break;
                    case "fpps":
                        RadDockLayout1.Skin = "Portrait";
                        break;
                    case "fpos":
                        RadDockLayout1.Skin = "PortraitOD";
                        break;
                    case "epps":
                        RadDockLayout1.Skin = "PortraitEX";
                        break;
                }
                /**/
                 
                 
                 
                 
                /*XML*/
                HybridDictionary content = (HybridDictionary)Application["SDIContent"];
                HybridDictionary pageVals = DataCollectionLib.getPortraitPart2Screen(content, lngXMLDir);
                pageVals = (HybridDictionary)pageVals[tolXMLCode];
                HybridDictionary toolNames = DataCollectionLib.getToolNames(content, lngXMLDir);
                /**/
                 
                 
                 
                 
                /*initialize page variables*/
                lbl_tool.Text = (String)toolNames[tolXMLCode] + "<br />"; //welcome
                lbl_welcome.Text = (String)((HybridDictionary)pageVals["labels"])["welcome"]; //welcome
                lbl_prtName.Text = prtName + "<br />";
                 
                if (prtID != prtSubjectID)
                {
                    lbl_feedbackon.Text = (String)((HybridDictionary)pageVals["labels"])["feedbackon"]; //feedback on
                    lbl_prtSubjectName.Text = prtSubjectName + "<br />";
                }
                 
                if (tolIsRole)
                {
                    lbl_role.Text = (String)((HybridDictionary)pageVals["labels"])["role"]; //role
                    lbl_scRole.Text = scRole + "<br />";
                }
                 
                lbl_introduction.Text = (String)((HybridDictionary)pageVals["labels"])["introduction"]; //introduction
                 
                //message
                String messageText = (String)((HybridDictionary)pageVals["messages"])["1"];
                String viewPrintLinkText = (String)((HybridDictionary)pageVals["labels"])["viewprintlink"];
                messageText = messageText.Replace("%viewPrintLink", "<a href=\"/viewPrintStrengths.asp?tool=" + tolXMLCode + "&language=" + lngXMLDir + "\" target=\"_blank\">" + viewPrintLinkText + "</a>");
                lbl_message.Text = messageText;
                 
                div_background.Style["background-color"] = tolBackgroundColor; //page background color
                lbl_expandAll.Text = (String)((HybridDictionary)pageVals["links"])["expandall"]; //expand all link
                lbl_collapseAll.Text = (String)((HybridDictionary)pageVals["links"])["collapseall"]; //expand all link
                lbl_most.Text = (String)((HybridDictionary)pageVals["labels"])["most"]; //most
                lbl_most2.Text = (String)((HybridDictionary)pageVals["labels"])["most"]; //most
                lbl_sometimes.Text = (String)((HybridDictionary)pageVals["labels"])["sometimes"]; //sometimes
                lbl_least.Text = (String)((HybridDictionary)pageVals["labels"])["least"]; //least
                lbl_least2.Text = (String)((HybridDictionary)pageVals["labels"])["least"]; //least
                bttn_nextButton.Value = (String)((HybridDictionary)pageVals["buttons"])["next"]; //next button
                lbl_error = (String)((HybridDictionary)pageVals["errors"])["placeallstrengths"]; //javascript error
                /**/
                 
                 
                 
                 
                /*hidden fields for passing to .asa page*/
                prt_GUID.Value = prtGUID;
                sc_GUID.Value = scGUID;
                lng_XMLDir.Value = lngXMLDir;
                /**/
                 
                 
                 
                 
                /*Strengths*/
                ArrayList strengthsList = new ArrayList();
                 
                //load from XML file
                XmlDocument xmlDom = new XmlDocument();
                xmlDom.Load(Server.MapPath("/") + "/includes/XML/" + lngXMLDir + "/portrait.xml");
                XmlNode strengths = xmlDom.GetElementsByTagName(tolXMLCode)[0];
                 
                foreach (XmlNode strength in strengths)
                {
                    string number = strength.ChildNodes[0].InnerText;
                    string name = strength.ChildNodes[1].InnerText;
                    string description = strength.ChildNodes[2].InnerText;
                     
                    strengthsList.Add(new SDIStrength(number, name, description));
                }
                 
                //prepare score string
                String[] arrMost = arrMost = scScores.Split(new Char[] { ',' })[1].Split(new Char[] { '|' });
                String[] arrSometimes = arrSometimes = scScores.Split(new Char[] { ',' })[2].Split(new Char[] { '|' });
                String[] arrLeast = arrLeast = scScores.Split(new Char[] { ',' })[3].Split(new Char[] { '|' });
                 
                Array.Sort(arrMost);
                Array.Sort(arrSometimes);
                Array.Sort(arrLeast);
                 
                //create dock objects
                foreach (SDIStrength strength in strengthsList)
                {
                    string number = strength.Number;
                    string name = strength.Name;
                    string description = strength.Description;
                     
                    string ID = "Strength_" + number;
                    Label label = new Label();
                    label.Text = description; //"<div id=\"Handle_" + ID + "\" style=\"text-align:center;  cursor:move;\">" + name + "</div>";
                     
                    RadDock dockObj = new RadDock();
                    dockObj.Title = "<div style=\"text-align:left;\">" + name + "</div>";
                    dockObj.ID = ID;
                    dockObj.Width = Unit.Pixel(170);
                    dockObj.Height = Unit.Pixel(110);
                    RadDockLayout1.Controls.Add(dockObj);
                    dockObj.DefaultCommands = Telerik.Web.UI.Dock.DefaultCommands.ExpandCollapse; //Telerik.Web.UI.Dock.DefaultCommands.ExpandCollapse;
                    dockObj.DockMode = Telerik.Web.UI.DockMode.Docked;
                    dockObj.OnClientDockPositionChanged = "OnClientDockPositionChanged";
                    dockObj.ContentContainer.Controls.Add(label);
                    dockObj.Collapsed = true;
                    dockObj.EnableAnimation= true;
                    dockObj.ToolTip = label.Text;
                    //dockObj.DockHandle = Telerik.Web.UI.DockHandle.None;
                    //dockObj.OnClientInitialize = "SetHandleDock";
                     
                    //place according to score string
                    if (Array.BinarySearch(arrMost, number) >= 0)
                    {
                        MostZone.Controls.Add(dockObj);
                    }
                    else if (Array.BinarySearch(arrSometimes, number) >= 0)
                    {
                        SometimesZone.Controls.Add(dockObj);
                    }
                    else if (Array.BinarySearch(arrLeast, number) >= 0)
                    {
                        LeastZone.Controls.Add(dockObj);
                    }
                }
                /**/
                 
                 
                 
                 
                /*collapse all the dockable objects on start-up*/
                for (int dockIndex = 0; dockIndex < MostZone.Docks.Count; dockIndex++)
                {
                    MostZone.Docks[dockIndex].Collapsed = true;
                }
                 
                for (int dockIndex = 0; dockIndex < SometimesZone.Docks.Count; dockIndex++)
                {
                    SometimesZone.Docks[dockIndex].Collapsed = true;
                }
                 
                for (int dockIndex = 0; dockIndex < LeastZone.Docks.Count; dockIndex++)
                {
                    LeastZone.Docks[dockIndex].Collapsed = true;
                }
                /**/
            }
        }
    }


    Here is my ASPX page:

    <!DOCTYPE html>
    <html lang="en">
     
    <CC:Header id="headerCustomControl" runat="server" PageTitle="Portrait" PageWidth="980" />
     
    <link rel="stylesheet" type="text/css" href="/RadControls/Skins/Portrait/Dock.Portrait.css" />
    <link rel="stylesheet" type="text/css" href="/RadControls/Skins/PortraitEX/Dock.PortraitEX.css" />
    <link rel="stylesheet" type="text/css" href="/RadControls/Skins/PortraitOD/Dock.PortraitOD.css" />
     
    <script type="text/javascript" type="text/javascript">
        /*function SetHandleDock(dock, args)
        {
            dock.set_handle(document.getElementById("Handle_" + dock.get_id()));
        }*/
         
        function collapseZone(zoneID)
        {
            var thisZone = $find(zoneID);
            var arrDocks = thisZone.get_docks();
             
            for (var dockIndex = 0; dockIndex < arrDocks.length; dockIndex++)
            {
                arrDocks[dockIndex].set_collapsed(true);
            }
        }
         
         
         
         
        function expandZone(zoneID)
        {
            var thisZone = $find(zoneID);
            var arrDocks = thisZone.get_docks();
             
            for (var dockIndex = 0; dockIndex < arrDocks.length; dockIndex++)
            {
                arrDocks[dockIndex].set_collapsed(false);
            }
        }
         
         
         
         
        function collapseAll()
        {
            //first collapse the most, sometimes, and least zones
            collapseZone('MostZone');
            collapseZone('SometimesZone');
            collapseZone('LeastZone');
             
            //then collapse the 28 final zones...we need to get the strength number for each zone
            var numZones = 28;
             
            for (var zoneNumber = 1; zoneNumber <= numZones; zoneNumber++)
            {
                collapseZone('Zone' + zoneNumber);
            }
        }
         
         
         
         
        function expandAll()
        {
            //first expand the most, sometimes, and least zones
            expandZone('MostZone');
            expandZone('SometimesZone');
            expandZone('LeastZone');
             
            //then expand the 28 final zones...we need to get the strength number for each zone
            var numZones = 28;
             
            for (var zoneNumber = 1; zoneNumber <= numZones; zoneNumber++)
            {
                expandZone('Zone' + zoneNumber);
            }
        }
         
         
         
         
        function OnClientDockPositionChanged(dock)
        {
            var mostZone = $find('MostZone');
            var sometimesZone = $find('SometimesZone');
            var leastZone = $find('LeastZone');
            var regExp = new RegExp(/[\d]+$/);
            var zoneNumber;
             
            var thisZone = dock.get_parent();
             
            if (thisZone != mostZone && thisZone != sometimesZone && thisZone != leastZone)
            {
                //dock.set_collapsed(true);
                //dock.Width = 145;
                 
                var arrObjs = thisZone.get_docks();
                 
                for (var objIndex = 0; objIndex < arrObjs.length; objIndex++)
                {
                    if (arrObjs[objIndex] != dock)
                    {
                        //carefull...the DockTo() function triggers an OnClientDock event
                        zoneNumber = regExp.exec(thisZone.get_id())[0];
                         
                        if (zoneNumber >= 1 && zoneNumber <= 6)
                        {
                            mostZone.dock(arrObjs[objIndex]);
                            //arrObjs[objIndex].set_collapsed(false);
                            //arrObjs[objIndex].Width = 145;
                        }
                        else if (zoneNumber >= 7 && zoneNumber <= 22)
                        {
                            sometimesZone.dock(arrObjs[objIndex]);
                            //arrObjs[objIndex].set_collapsed(false);
                            //arrObjs[objIndex].Width = 145;
                        }
                        else if (zoneNumber >= 23 && zoneNumber <= 28)
                        {
                            leastZone.dock(arrObjs[objIndex]);
                            //arrObjs[objIndex].set_collapsed(false);
                            //arrObjs[objIndex].Width = 145;
                        }
                    }
                }
            }
            else
            {
                //dock.set_collapsed(true);
                //dock.Width = 145;
            }
        }
         
         
         
         
        function verify(frm, bttn)
        {
            var errOut = false;
             
            //check to make sure that there are no strengths in the intermediate zones
            var mostZone = $find('MostZone');
            var sometimesZone = $find('SometimesZone');
            var leastZone = $find('LeastZone');
             
            if (mostZone.get_docks().length > 0 || sometimesZone.get_docks().length > 0 || leastZone.get_docks().length > 0)
            {
                self.alert("<%= lbl_error %>");
                errOut = true;
            }
            else
            {
                //there are 28 final zones...we need to get the strength number for each zone
                var numZones = 28;
                var arrScores = new Array(numZones);
                arrScores[0] = "-1";
                var regExp = new RegExp(/[\d]+$/);
                 
                for (var zoneNumber = 1; zoneNumber <= numZones; zoneNumber++)
                {
                    var thisZone = $find('Zone' + zoneNumber);
                     
                    if (thisZone.get_docks().length != 1)
                    {
                        //error...there should be one and only one strength in each zone
                        arrScores[zoneNumber] = "NULL";
                        errOut = true;
                    }
                    else
                    {
                        //get the strength number by extracting it from the dockableObject's id
                        var thisStrength = thisZone.get_docks()[0];
                        arrScores[zoneNumber] = regExp.exec(thisStrength.get_id())[0];
                    }
                }
                 
                frm.sc_scores.value = arrScores.join("|");
            }
             
            if (!errOut)
            {
                bttn.disabled = true;
                //self.alert("FINAL SCORE STRING:\n" + frm.sc_scores.value);
                self.location.href = "/portraitPart2.asa?prt_GUID=" + frm.prt_GUID.value + "&" + "sc_GUID=" + frm.sc_GUID.value + "&" + "lng_XMLDir=" + frm.lng_XMLDir.value + "&" + "sc_scores=" + frm.sc_scores.value; //we need to seperate the & from the rest so that it passes XHTML restrictions
            }
        }
    </script>
     
     
     
    <form method="post" id="frmMain" runat="server">
     
    <!--
        4/23/10 - Migrated From RadDock ASP.NET To ASP.NET AJAX
    -->
     
    <Telerik:RadScriptManager ID="ScriptManager" runat="server" />
     
    <Telerik:RadDockLayout runat="server" ID="RadDockLayout1" EnableEmbeddedSkins="false">
     
    <asp:Label ID="lbl_tool" runat="server" class="BigHeading"></asp:Label>
    <img src="/images/trans.gif" width="1" height="5" alt="" /><br />
     
    <asp:Label ID="lbl_welcome" runat="server" class="Heading"></asp:Label>
    <asp:Label ID="lbl_prtName" runat="server"></asp:Label>
     
    <asp:Label ID="lbl_feedbackon" runat="server" class="Heading"></asp:Label>
    <asp:Label ID="lbl_prtSubjectName" runat="server"></asp:Label>
     
    <asp:Label ID="lbl_role" runat="server" class="Heading"></asp:Label>
    <asp:Label ID="lbl_scRole" runat="server"></asp:Label>
    <img src="/images/trans.gif" width="1" height="5" alt="" /><br />
     
    <table style="width:100%;" id="div_background" runat="server">
        <tr>
            <td>
                <table style="width:100%;" cellspacing="0" cellpadding="0">
                    <tr>
                        <td>
                            <div>
                                <asp:Label ID="lbl_introduction" runat="server" class="Heading"></asp:Label>
                                  <asp:Label ID="lbl_message" runat="server"></asp:Label>
                            </div>
                            <br />
                        </td>
                    </tr>
                </table>
                <div style="text-align:right">
                    <a class="smallLinks" href="javaScript:expandAll();"><asp:Label ID="lbl_expandAll" runat="server"></asp:Label></a>
                    | <a class="smallLinks" href="javaScript:collapseAll();"><asp:Label ID="lbl_collapseAll" runat="server"></asp:Label></a>
                </div>
                <div style="text-align:center;">
                    <table style="margin-left:auto; margin-right:auto;">
                        <tr style="vertical-align:top;">
                            <td style="text-align:center;">
                                <strong><asp:Label ID="lbl_most" runat="server"></asp:Label></strong></strong><br />
                                <Telerik:RadDockZone ID="MostZone" runat="server" Orientation="Horizontal" Width="340px" style="min-height:37px; _height:37px; margin-left:auto; margin-right:auto;"></Telerik:RadDockZone>
                            </td>
                            <td style="text-align:center;">
                                <strong><asp:Label ID="lbl_sometimes" runat="server"></asp:Label></strong><br />
                                <Telerik:RadDockZone ID="SometimesZone" runat="server" Orientation="Horizontal" Width="340px" style="min-height:37px; _height:37px; margin-left:auto; margin-right:auto;"></Telerik:RadDockZone>
                            </td>
                            <td style="text-align:center;">
                                <strong><asp:Label ID="lbl_least" runat="server"></asp:Label></strong><br />
                                <Telerik:RadDockZone ID="LeastZone" runat="server" Orientation="Horizontal" Width="340px" style="min-height:37px; _height:37px; margin-left:auto; margin-right:auto;"></Telerik:RadDockZone>
                            </td>
                        </tr>
                    </table>
                </div>
                <table style="width:100%;">
                    <tr style="vertical-align:top;">
                        <td colspan="3" style="text-align:center;">
                            <img src="/images/trans.gif" width="1" height="10" alt="" /><br />
                             
                            <table style="width:100%; text-align:center;">
                                <tr style="vertical-align:top;">
                                    <td>
                                        <table style="margin-left:auto; margin-right:auto;">
                                            <tr>
                                                <td><strong><asp:Label ID="lbl_most2" runat="server"></asp:Label></strong></td>
                                            </tr>
                                        </table>
                                         
                                        <table style="margin-left:auto; margin-right:auto;">
                                            <tr>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone1" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                            </tr>
                                        </table>
                                         
                                        <table style="margin-left:auto; margin-right:auto;">
                                            <tr>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone2" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone3" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                            </tr>
                                        </table>
                                         
                                        <table style="margin-left:auto; margin-right:auto;">
                                            <tr>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone4" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone5" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone6" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                            </tr>
                                        </table>
                                         
                                        <table style="margin-left:auto; margin-right:auto;">
                                            <tr>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone7" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone8" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone9" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone10" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone11" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                            </tr>
                                        </table>
                                         
                                        <table style="margin-left:auto; margin-right:auto;">
                                            <tr>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone12" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone13" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone14" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone15" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone16" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone17" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                            </tr>
                                        </table>
                                         
                                        <table style="margin-left:auto; margin-right:auto;">
                                            <tr>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone18" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone19" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone20" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone21" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone22" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                            </tr>
                                        </table>
                                         
                                        <table style="margin-left:auto; margin-right:auto;">
                                            <tr>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone23" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone24" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone25" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                            </tr>
                                        </table>
                                         
                                        <table style="margin-left:auto; margin-right:auto;">
                                            <tr>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone26" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone27" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                            </tr>
                                        </table>
                                         
                                        <table style="margin-left:auto; margin-right:auto;">
                                            <tr>
                                                <td>
                                                    <Telerik:RadDockZone ID="Zone28" runat="server" Orientation="Horizontal" Width="170px" style="min-height:37px; _height:37px;">
                                                    </Telerik:RadDockZone>
                                                </td>
                                            </tr>
                                        </table>
                                         
                                        <table style="margin-left:auto; margin-right:auto;">
                                            <tr>
                                                <td><strong><asp:Label ID="lbl_least2" runat="server"></asp:Label></strong></td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <br />
                 
            </td>
        </tr>
    </table>
    <br />
     
    </Telerik:RadDockLayout>
     
     
     
     
    <div style="text-align:center;">
        <input type="button" id="bttn_nextButton" value="" onclick="verify(this.form, this);" runat="server" />
    </div>
     
    <input type="hidden" name="prt_GUID"        id="prt_GUID"       value="" runat="server" />
    <input type="hidden" name="sc_GUID"         id="sc_GUID"        value="" runat="server" />
    <input type="hidden" name="lng_XMLDir"      id="lng_XMLDir"     value="" runat="server" />
    <input type="hidden" name="sc_scores"       id="sc_scores"      value="" runat="server" />
    </form>


    Did I miss something? Thanks for your help.
  2. Slav
    Admin
    Slav avatar
    1355 posts

    Posted 14 Aug 2013 Link to this post

    Hi,

    Please use the method Dock of the RadDock control in order to insert it in a RadDockZone instead of adding it in the Controls collection of the dock zone. This should resolve the encountered problem.
    if (Array.BinarySearch(arrMost, number) >= 0)
     {
         dockObj.Dock(MostZone);
     }
     else if (Array.BinarySearch(arrSometimes, number) >= 0)
     {
         dockObj.Dock(SometimesZone);
     }
     else if (Array.BinarySearch(arrLeast, number) >= 0)
     {
         dockObj.Dock(LeastZone);
     }

    Do not hesitate to contact us again if you run into more difficulties.

    Regards,
    Slav
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. neophyte
    neophyte avatar
    3 posts
    Member since:
    Aug 2013

    Posted 14 Aug 2013 Link to this post

    Thank you Stav, yeah, it is now loading the correct Skin...But one thing I noticed with the skin, it messed up, see screenshot.

    I tried modifying my CSS by overriding the default one and mark it as important but it does not work.. Like this..

    From:
    .RadDock_PortraitOD .rdTop .rdLeft,
    .RadDock_PortraitOD .rdTop .rdRight,
    .RadDock_PortraitOD .rdTop .rdCenter,
    .RadDock_PortraitOD .rdBottom .rdLeft,
    .RadDock_PortraitOD .rdBottom .rdRight,
    .RadDock_PortraitOD .rdBottom .rdCenter
    {
        background-image:url('Dock/HorizontalSprite.gif');
    }
    To:
    div.RadDock_Default .rdTop .rdLeft,
    div.RadDock_Default .rdTop .rdRight,
    div.RadDock_Default .rdTop .rdCenter,
    div.RadDock_Default .rdBottom .rdLeft,
    div.RadDock_Default .rdBottom .rdRight,
    div.RadDock_Default .rdBottom .rdCenter
    {
        background-image:url('Dock/HorizontalSprite.gif');
    }

    Here is my current CSS code:
    .RadDock_PortraitOD .rdMiddle .rdLeft,
    .RadDock_PortraitOD .rdMiddle .rdRight
    {
        background-image:url('Dock/VerticalSprite.gif');
    }
     
    .RadDock_PortraitOD .rdTop .rdLeft,
    .RadDock_PortraitOD .rdTop .rdRight,
    .RadDock_PortraitOD .rdTop .rdCenter,
    .RadDock_PortraitOD .rdBottom .rdLeft,
    .RadDock_PortraitOD .rdBottom .rdRight,
    .RadDock_PortraitOD .rdBottom .rdCenter
    {
        background-image:url('Dock/HorizontalSprite.gif');
    }
     
    .RadDock_PortraitOD .rdCenter .rdCommands a span
    {
        background-image:url('Dock/CommandSprite.gif');
    }
     
     
    .RadDock_PortraitOD .rdMiddle .rdCenter,
    .RadDock_PortraitOD .rdBottom .rdCenter
    {
        background-color:#fff;
    }
     
    .RadDock_PortraitOD .rdContent
    {
        color:black;
    }
     
    .RadDock_PortraitOD em
    {
        color:#000; width:100% !important;
    }
    I really don't know why it is messing, because I compared to the Default and it looks like similar.
  5. neophyte
    neophyte avatar
    3 posts
    Member since:
    Aug 2013

    Posted 14 Aug 2013 Link to this post

    I think I found the problem is... It is all to my skin images.. They are old... I think they are not compatible anymore to the new version of telerik.

    I tried to isolate the issue by copying all the files from the Default Skin then put it to my PortraitOD skin and it works. I have change also my CSS from Default to PortraitOD.

    I think I should generate a new Skin here..
    http://stylebuilder.telerik.com/

    Does this style builder works? I tried one, but it does the same as Default even I change the color, etc.

    Anyway, thank you so much for your time on this..
  6. Slav
    Admin
    Slav avatar
    1355 posts

    Posted 19 Aug 2013 Link to this post

    Hi Dudskie,

    It appears there is a problem with changing the base color of the Default skin in Visual Style Builder. Nevertheless, you should be able to achieve a similar effect if you choose Forest as a base skin and then select the desired color.

    Feel free to contact us again if you encounter more difficulties.

    Regards,
    Slav
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017