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

[neophyte]

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
    http://www.telerik.com/help/aspnet-ajax/dock_overviewmigratingfromraddockclassictoprometheus.html
    http://demos.telerik.com/aspnet-ajax/dock/examples/clientsideapi/defaultcs.aspx
-->

<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.

[Slav]

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

[neophyte]

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.

[neophyte]

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..

[Slav]

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