[Solved] boxes disapprearing behind other controls

[Wendy Hunt]

I'm using VS2008, Windows XP and IE7.

My comoboxes are disappearing behind other controls (comboboxes, textboxes and grids).  I can see them populate between the controls.  I have the ZIndex set at 10000000 and EnableViewState is set to True.  Are there another settings/properties that might help me solve this issue?

~wen

[Yana]

Hello Wendy,

There might be other css styles on your page that cause these issues. Please send us a live url where we could observe the page. Thanks

Regards,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[T. Tsonev]

Hello Wendy,

Internet Explorer 7 has some serious problems when it comes to z-indexes and behaves very differently from other browsers. There is no general solution (but there are attempts, your mileage may vary) and we'll need to inspect the overall structure of the page before giving a specific recommendation.

Also, we recommend keeping the z-index lower than 100 000 as not all browsers support very big values. Safari 3 will cap it to 16 777 271 and Firefox 2 will hide elements with z-index higher than 2 147 483 647.

We'll either a live URL, sample page, or at least the generated HTML (and CSS files) in order to assist further.

I hope this helps.

Greetings,
Tsvetomir Tsonev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Wendy Hunt]

Hi Tsvetomir -

Thanks for your response.  I work for the Federal Government and the site I am working on is internal, therefore I will provide the code for the pages instead of the url.  FYI -  I do have the combo boxes wrapped in a Panel and an UpdatePanel using absolute positioning.  I have tested and removed the panels, but have still had the same outcome of the disappearing boxes.

This is my page with the issues:

<%@ Page Title="" Language="C#" MasterPageFile="~/Pages/Master.Master" AutoEventWireup="true" CodeBehind="SOI.aspx.cs" Inherits="Tip.Pages.SOI" %>
<%@ MasterType VirtualPath="~/Pages/Master.Master" %>

<%@ Register assembly="System.Web.Entity, Version=3.5.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" namespace="System.Web.UI.WebControls" tagprefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

  <asp:Panel ID="Panel1" runat="server"
    style="z-index:1; position:absolute; top:104px; left:7px; width:421px; height:688px">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
      <ContentTemplate>

        <asp:Label ID="Label1" runat="server" Text="Submit Date:"
          style="z-index:1; position:absolute; top:25px; left:43px; width: 98px; height: 16px; text-align: right;"></asp:Label>
        <telerik:RadDatePicker ID="submitDateRadDatePicker" runat="server"
          style="z-index:1; position:absolute; top:25px; left:150px; width: 150px;">
        </telerik:RadDatePicker>

        <asp:Label ID="Label2" runat="server" Text="Lead Organization:"
          style="z-index:1; position:absolute; top:50px; left:18px; width: 123px; text-align: right;"></asp:Label>
        <telerik:RadComboBox ID="leadOrganizationRadComboBox" runat="server" ZIndex="100000" EnableViewState="True"
          style="z-index:1; position:absolute; top:50px; left:150px;background:white;" Width="250px">
        </telerik:RadComboBox>

        <asp:Label ID="Label3" runat="server" Text="Tier:"
          style="z-index:1; position:absolute; top:75px; left:107px; text-align: right;"></asp:Label>
        <telerik:RadComboBox ID="tierRadComboBox" runat="server" ZIndex="100000" EnableViewState="True"
          style="z-index:1; position:absolute; top:75px; left:152px;" Width="250px">
        </telerik:RadComboBox>

<%--        <asp:Label ID="Label5" runat="server" Text="Number under SOI:"
          style="z-index:1; position:absolute; top:100px; left:15px; width: 122px; text-align: right;"></asp:Label>
        <telerik:RadComboBox ID="numberunderSOIRadComboBox" runat="server"
          style="z-index:1; position:absolute; top:100px; left:150px;" Width="250px">
        </telerik:RadComboBox>--%>

        <asp:Button ID="createNewProjectButton" runat="server" Text="Create"
           style="z-index:1; position:absolute; top:101px; left:402px;"
          onclick="createNewProjectButton_Click" SkinID="smallGreenButton"
          Width="50px" />
        <asp:Label ID="Label6" runat="server" Text="Project:"
          style="z-index:1; position:absolute; top:100px; left:20px; width: 112px; text-align: right;"></asp:Label>
        <telerik:RadComboBox ID="projectRadComboBox" runat="server" ZIndex="100000"
          style="z-index:1; position:absolute; top:100px; left:150px;" Width="250px">
        </telerik:RadComboBox>

        <asp:Button ID="createNewProjectGroupButton" runat="server" Text="Create"
          style="z-index:1; position:absolute; top:126px; left:402px;"
          SkinID="smallGreenButton" Width="50px" />
        <asp:Label ID="Label7" runat="server" Text="Project Group:"
          style="z-index:1; position:absolute; top:125px; left:45px; text-align: right;"></asp:Label>
        <telerik:RadComboBox ID="projectGroupRadComboBox" runat="server" ZIndex="100000"
          style="z-index:1; position:absolute; top:125px; left:150px;" Width="250px">
        </telerik:RadComboBox>

        <asp:Button ID="createNewRequestingEntityButton" runat="server" Text="Create"
          style="z-index:1; position:absolute; top:151px; left:402px;"
          SkinID="smallGreenButton" Width="50px" />
        <asp:Label ID="Label8" runat="server" Text="Requesting Entity:"
          style="z-index:1; position:absolute; top:150px; left:14px; width: 122px; text-align: right;"></asp:Label>
        <telerik:RadComboBox ID="requestingEntityRadComboBox" runat="server" ZIndex="100000"
          style="z-index:1; position:absolute; top:150px; left:150px;" Width="250px" >
        </telerik:RadComboBox>

        <asp:Button ID="createNewContactNameButton" runat="server" Text="Create"
          style="z-index:1; position:absolute; top:176px; left:402px;"
          SkinID="smallGreenButton" Width="50px" />
        <asp:Label ID="Label9" runat="server" Text="Contact Name:"
          style="z-index:1; position:absolute; top:175px; left:20px; width: 116px; text-align: right;"></asp:Label>
        <telerik:RadComboBox ID="contactNameRadComboBox" runat="server" ZIndex="100000"
          style="z-index:1; position:absolute; top:175px; left:150px; background:white" Width="250px">
        </telerik:RadComboBox>

        <asp:Label ID="Label10" runat="server" Text="Participating Entity:"
          style="z-index:1; position:absolute; top:200px; left:13px; width: 125px; text-align: right;"></asp:Label>
        <asp:TextBox ID="TextBox3" runat="server"
          style="z-index:1; position:absolute; top:200px; left:150px;"></asp:TextBox>

        <asp:Label ID="Label11" runat="server" Text="Locations:"
          style="z-index:1; position:absolute; top:225px; left:67px; text-align: right;"></asp:Label>

        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server"
          style="z-index:1; position:absolute; top:225px; left:150px; height: 78px; width: 75px;">

          <telerik:RadListBox ID="locationsRadListBox" runat="server" Height="125px"
            Width="150px" AllowTransfer="true"
            TransferToID="RadListBoxDestination" DataSortField="Name" DataTextField="Name"
            DataValueField="Name" >
            <Items>
              <telerik:RadListBoxItem Text="AZ" />
              <telerik:RadListBoxItem Text="CA" />
              <telerik:RadListBoxItem Text="Canada" />
              <telerik:RadListBoxItem Text="CO" />
              <telerik:RadListBoxItem Text="IA" />
              <telerik:RadListBoxItem Text="ID" />
              <telerik:RadListBoxItem Text="MN" />
              <telerik:RadListBoxItem Text="MT" />
              <telerik:RadListBoxItem Text="ND" />
              <telerik:RadListBoxItem Text="NE" />
              <telerik:RadListBoxItem Text="NM" />
              <telerik:RadListBoxItem Text="NV" />
              <telerik:RadListBoxItem Text="SD" />
              <telerik:RadListBoxItem Text="UT" />
              <telerik:RadListBoxItem Text="WI" />
              <telerik:RadListBoxItem Text="WY" />
            </Items>
          </telerik:RadListBox>
        </telerik:RadAjaxPanel>
        <telerik:RadListBox runat="server" ID="RadListBoxDestination" Height="125px" Width="100px"
          style="z-index:1; position:absolute; top:225px; left:300px;"  />

        <asp:Label ID="Label12" runat="server" Text="Renewable Source:"
          style="z-index:1; position:absolute; top:358px; left:13px; width: 127px; text-align: right;"></asp:Label>

        <telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server"
          style="z-index:1; position:absolute; top:357px; left:150px; height: 78px; width: 75px;">

          <telerik:RadListBox ID="renewableSourceRadListBox" runat="server" Height="125px"
            Width="150px" DataSortField="Name"
            DataTextField="Name" DataValueField="Name" AllowTransfer="true" TransferToID="RadListDestination2">
            <Items>
              <telerik:RadListBoxItem Text="Wind" />
              <telerik:RadListBoxItem Text="Solar" />
              <telerik:RadListBoxItem Text="Hydro" />
              <telerik:RadListBoxItem Text="GeoThermal" />
              <telerik:RadListBoxItem Text="BioMass" />
            </Items>
          </telerik:RadListBox>
        </telerik:RadAjaxPanel>
        <telerik:RadListBox runat="server" ID="RadListDestination2" Height="125px" Width="100px"
          style="z-index:1; position:absolute; top:357px; left:300px;"  />

        <asp:CheckBox ID="redactedCheckBox" runat="server" Text="Redacted"
          style="z-index: 1; left: 150px; top: 500px; position: absolute; width:100px;" />
        <asp:CheckBox ID="unredactedCheckBox" runat="server" Text="Unredacted"
          style="z-index: 1; left: 150px; top: 525px; position: absolute; width: 112px;" />
        <asp:CheckBox ID="supplDataProvideCheckBox" runat="server" Text="Suppl Data Provide"

          style="z-index: 1; left: 150px; top: 550px; position: absolute; width:200px;" />
      </ContentTemplate>
    </asp:UpdatePanel>
  </asp:Panel>

    <asp:Panel ID="Panel5" runat="server"
      style="z-index:1; position:absolute; top:52px; left:558px; width:100px; height:192px;">
      <asp:UpdatePanel ID="UpdatePanel5" runat="server">
        <ContentTemplate>
          <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Pages/Contract.aspx"
            style="z-index:1; position:absolute; top:-26px; left:5px; width: 223px;">Click here for the Contract</asp:HyperLink>
          <asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="~/Pages/MOU.aspx"
            style="z-index:1; position:absolute; top:-4px; left:4px; height: 17px; width: 165px;">Click here for the MOU</asp:HyperLink>
        </ContentTemplate>
      </asp:UpdatePanel>
    </asp:Panel>

  <asp:Panel ID="Panel2" runat="server"
    style="z-index:1; position:absolute; top: 118px; left:501px; width:398px; height:284px;">
    <asp:Label ID="Label13" runat="server" Text="Description:"
      style="z-index:1; position:absolute; top: 16px; left:10px;"></asp:Label>
    <asp:UpdatePanel ID="UpdatePanel2" runat="server">
      <ContentTemplate>
        <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine"
          style="z-index:1; position:absolute; top: 41px; left: 14px; height: 197px; width: 250px;"></asp:TextBox>
        <%--<telerik:RadEditor ID="descriptionRadEditor" runat="server">
          <ImageManager ViewPaths="" UploadPaths="" DeletePaths="" />
        </telerik:RadEditor>--%><%--<telerik:RadEditor ID="descriptionRadEditor" runat="server">
          <ImageManager ViewPaths="" UploadPaths="" DeletePaths="" />
        </telerik:RadEditor>--%>
      </ContentTemplate>
    </asp:UpdatePanel>
  </asp:Panel>

  <asp:Panel ID="Panel3" runat="server"


  style="z-index:1; position:absolute; top: 384px; left:502px; width:398px; height:284px;">
    <asp:Label ID="Label14" runat="server" Text="Notes:"
      style="z-index:1; position:absolute; top: 16px; left:10px;"></asp:Label>
    <asp:UpdatePanel ID="UpdatePanel3" runat="server">
      <ContentTemplate>
        <asp:TextBox ID="notesTextBox" runat="server" TextMode="MultiLine"
          style="z-index:1; position:absolute; top: 41px; left: 14px; height: 197px; width: 250px;"></asp:TextBox>
<%--        <telerik:RadEditor ID="notesRadEditor" runat="server">
        </telerik:RadEditor>  --%>
      </ContentTemplate>
    </asp:UpdatePanel>
  </asp:Panel>

  <asp:Panel ID="Panel4" runat="server"





    style="z-index:1; position:absolute; top:685px; left:119px; width:300px; height:30px">
    <asp:UpdatePanel ID="UpdatePanel4" runat="server">
      <ContentTemplate>

        <asp:Button ID="newButton" runat="server" Text="New"
          style="z-index: 1; left: 37px; top: 2px; position: absolute" height="26px"
          Width="50px" onclick="newButton_Click" SkinID="smallGreenButton" />
        <asp:Button ID="editButton" runat="server" Text="Edit"
          style="z-index: 1; left: 106px; top: 2px; position: absolute" height="26px"
          Width="50px" onclick="editButton_Click" SkinID="smallGreenButton" />
        <asp:Button ID="saveButton" runat="server" Text="Save"
          style="z-index: 1; left: 170px; top: 2px; position: absolute" height="26px"
          Width="50px" onclick="saveButton_Click" SkinID="smallGreenButton" />
        <asp:Button ID="cancelButton" runat="server" Text="Cancel"
          style="z-index: 1; left: 237px; top: 2px; position: absolute" Width="50px"
          onclick="cancelButton_Click" SkinID="smallGreenButton" />

      </ContentTemplate>
    </asp:UpdatePanel>
  </asp:Panel>
</asp:Content>

This is my Master Page:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Master.master.cs" Inherits="Tip.Pages.Master" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>TIP</title>
        <link href="../Includes/Default.css" type="text/css" rel="stylesheet" />

        <script language="javascript" src="../Includes/Default.js" type="text/javascript"></script>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
  <form id="form1" runat="server">
  <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
  <img style="LEFT: 0px; POSITION: absolute; TOP: 0px" height="120" alt=""
            src="..\images\TipLogo.bmp" width="590" />
  <asp:Label ID="environmentLabel" runat="server"
    style="LEFT: 317px; POSITION: absolute; TOP:58px" Text=""
    CssClass="PageWarning"></asp:Label>
  <div >
    <asp:Label ID="pageCaptionLabel" runat="server" Text="" CssClass="PageCaption"
        style="position:absolute; left:576px; top: 83px"></asp:Label>
    </div>
<%--  <div>
    <asp:Label ID="pageDescriptionLabel" runat="server" Text="" CssClass="PageDescription"
        style="position:absolute; left:20px; top: 170px"></asp:Label>
    </div>--%>
    <div style="position:absolute; left:133px; top: 62px; height: 33px;">
    <asp:Label ID="userLabel" runat="server" Text="Label" CssClass="TextReadOnly"></asp:Label>
    </div>
    <div style="float: left; margin-top: 13px; margin-right: 80px;">
    <telerik:RadMenu ID="RadMenu1" runat="server"
      style="z-index: 1; left: 126px; top: 91px; position: absolute;">
      <Items>
        <telerik:RadMenuItem Text="Home" runat="server" NavigateUrl="Default.aspx">
        </telerik:RadMenuItem>
        <telerik:RadMenuItem Text="SOI" runat="server" NavigateUrl="SOI.aspx">
        </telerik:RadMenuItem>
        <telerik:RadMenuItem Text="Contract" runat="server" NavigateUrl="Contract.aspx">
        </telerik:RadMenuItem>
        <telerik:RadMenuItem Text="MOU" runat="server" NavigateUrl="MOU.aspx">
        </telerik:RadMenuItem>
        <telerik:RadMenuItem Text="Create" runat="server" NavigateUrl="Create.aspx">
        </telerik:RadMenuItem>
        <telerik:RadMenuItem Text="Search" runat="server" NavigateUrl="Search.aspx">
        </telerik:RadMenuItem>
        </Items>
    </telerik:RadMenu>
  </div>
    <div>
    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
    </asp:ContentPlaceHolder>
  </div>
</form>
</body>
</html>

This is my CSS :

/***********************************************************************/
/* Colors
/*
/* #000000 - Black
/* #666666 - Grey
/* #751339 - Burgoundy
/* #777777 - Red
/* #8A6F4F - Dark Grey
/* #88774D -
/* #937958 - Dark
/* #AC987D - Middle Grey
/* #E0E0C2 -
/* #E7DDCD - Super Light Tan
/* #E9DCCC -
/* #F4EFDC - Light Tan
/* #F4EDDE -
/* #F5EBE1 - Dark Tan
/* #FEF8EC - Tan
/* #FFFBEF - Another Tan
/* #FFFFFF - White
/***********************************************************************/

/* HTML Elements */

body
{
    background: white;  /* light yellow #fcfcef; */
    margin: 0px;
    text-align: left;
}

a:link, a:active, a:visited, hover
{
    color: #36c;
    font-size:14px;
    text-decoration: underline;
    font-family:Arial;
}

span
{
    color:Black;
    font-size:14px;
    font-family:Arial;
}

label
{
    color:Black;
    font-size:12px;
    font-family:Arial;
}

/* Classes */

.ComboBox
{
    color:black;
    font-size:9pt;
}

.ButtonPrimary
{
    background-color: #c00;
    color: #fff;
    font-weight: bold;
    border-top: 1px solid #f00;
    border-right: 1px solid #900;
    border-bottom: 1px solid #900;
    border-left: 1px solid #f00;
    cursor: hand;
}

.ButtonSecondary
{
    background-color: #ddd;
    color: #000;
    font-weight: bold;
    border-top: 1px solid #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-left: 1px solid #fff;
    cursor: hand;
}

.PageCaption
{
    color:Black;
    font-size:20px;
    font-family:Arial;
}

.PageWarning
{
    color:Red;
    font-size:20px;
    font-family:Arial;
}

.PageDescription
{
    color:Black;
    font-size:16px;
    font-family:Arial;
}

.CaptionPrimary
{
    color:Black;
    font-size:16px;
    font-family:Arial;
    font-weight:bold
}

.CaptionSecondary
{
    color:Black;
    font-size:12px;
    font-family:Arial;
    font-weight:bold;
}

.CaptionReadOnly
{
    color:Gray;
    font-size:14px;
    font-weight:bold;
}

.TextReadOnly
{
    color: #666;
    font-family:Arial;
    font-size:14px;
}

.PanelBordered
{
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

/* Sets general style for data grid */
.grid
{
    font-size: 12px;
    font-family:Arial;
    background-color: Transparent;
}

/* Sets general style for data grid, with a hand cursor */
.grid-row-select
{
    font-size: 12px;
    font-family:Arial;
    background-color: Transparent;
    cursor:hand;
}

/* Sets general style for data grid */
.grid-bordered
{
    font-size: 12px;
    font-family:Arial;
    border-style:solid;
    border-color:Gray;
    border-width:thin;
    background-color: Transparent;
    overflow:auto;
}

/* Sets style for grid cell borders */
.grid tr td
{
    font-size: 12px;
    font-family:Arial;
    font-style: normal;
    border-color: #C2B083;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-right-width: 0px;
    border-style: solid;
    border-top-width: 0px;
    padding-right: 10px;
}
/* Sets general style for data grid */
.grid-row-selected
{
    background: #FFFFCC;
    font-size: 14px;
}
/* Sets style for grid header row */
.grid-header-row
{
    background-color: #EEEECC;
    text-align: left;
    color: Black;
    font-weight: bold;
}

a.grid-header-row:link,a.grid-header-row:visited,a.grid-header-row:active
{
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    whitewhite-space: nowrap;
    color: Black;
}
a.grid-header-row:hover
{
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    text-decoration: underline;
    whitewhite-space: nowrap;
}

.grid-row
{
    background-color: Transparent;
    font-size:14px;
}

/* Sets style for alternative grid row detail */
.grid-row-alt
{
    background-color: #DDDDDD;
    font-size:14px;
}

.grid-header-row a, a:active, a:visited, hover
{
    font-size:14px;
    font-weight:normal;
}

[Wendy Hunt]

I got it to work!  I removed the z-index from the style and used ZIndex instead with a value of 99999.  Thanks!

wen

[Wendy Hunt]

Hi -

I've run into another page in my app that my fix does not work on.  To try and fix the issue, I have Removed all panels and used a div, It didn't fix it...and also I tried adding RadAjaxPanel, it didn't fix it, ... and I also used UpdatePanel in place of RadAjaxPanel, it didn't fix it...  I used a panel with updatepanel, it didn't fix it...  I used a Panel with a RadAjaxPanel, it didn't fix it... 

The box I am referring to is: 

responsiblePersonRadComboBox

 

 

<%@ Page Title="" Language="C#" MasterPageFile="~/Pages/Master.Master" AutoEventWireup="true" CodeBehind="Contract.aspx.cs" Inherits="Tip.Pages.Contract" %>
<%@ MasterType VirtualPath="~/Pages/Master.Master" %>

<%@ Register assembly="System.Web.Entity, Version=3.5.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" namespace="System.Web.UI.WebControls" tagprefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
 <div ID="div1" runat="server"
      style="z-index:1; position:absolute; top:156px; left:20px; width:800px; height:150px">

      <telerik:RadAjaxPanel ID="RadAjaxPanel" runat="server">


          <asp:Label ID="Label1" runat="server" Text="Contract Number:"
            style="z-index:1; position:absolute; top:0px; left:18px; width: 120px; text-align: right;"></asp:Label>
          <asp:TextBox ID="contractNumberTextBox" runat="server"
            style="z-index:1; position:absolute; top:0px; left:150px;" Width="245px"></asp:TextBox>

          <asp:Label ID="Label2" runat="server" Text="Responsible Person:"
            style="z-index:1; position:absolute; top:25px; left:-30px; text-align: right; width: 170px;"></asp:Label>
          <telerik:RadComboBox ID="responsiblePersonRadComboBox" runat="server" ZIndex="99999"
            style="z-index:1; position:absolute; top:25px; left:150px;" Width="250px" Height="250">
          </telerik:RadComboBox>



          <asp:Label ID="Label3" runat="server" Text="Entity:"
            style="z-index:1; position:absolute; top:50px; left:34px; text-align: right; width: 106px;"></asp:Label>
          <telerik:RadComboBox ID="availableEntitiesRadComboBox" runat="server"
            style="position:absolute; top:50px; left:150px;" Width="250px" ZIndex="99999" Height="250px"
            ></telerik:RadComboBox>
          <asp:Button ID="addButton" runat="server" Text=">"
            style="z-index:1; position:absolute; top:50px; left:408px; width: 20px; "
            onclick="addButton_Click" />
          <asp:Button ID="removeButton" runat="server" Text="<"
            style="z-index:1; position:absolute; top:75px; left:408px; width:20px; "
            onclick="removeButton_Click" />



          <telerik:RadListBox ID="selectedEntitiesRadListBox" runat="server"
            style="z-index:1; position:absolute; top:50px; left:435px;" Width="300px" Height="160">
          </telerik:RadListBox>

          <asp:CheckBox ID="executedCheckBox" runat="server" Text="Executed"
            style="z-index:1; position:absolute; top:250px; left:150px; width: 92px;" />
          <asp:CheckBox ID="terminatedCheckBox" runat="server" Text="Terminated"
            style="z-index:1; position:absolute; top:275px; left:150px; width: 99px;" />

          <asp:Button ID="newButton" runat="server" Text="New"
            style="z-index:1; position:absolute; top:300px; left:150px;" Width="50px"
            SkinID="smallGreenButton" onclick="newButton_Click" />
          <asp:Button ID="editButton" runat="server" Text="Edit"
            style="z-index:1; position:absolute; top:300px; left:215px;" Width="50px"
            SkinID="smallGreenButton" onclick="editButton_Click" />
          <asp:Button ID="cancelButton" runat="server" SkinID="smallGreenButton"
            style="z-index:1; position:absolute; top:300px; left:347px; bottom: -176px;"
            Text="Cancel" Width="50px" onclick="cancelButton_Click" />
          <asp:Button ID="saveButton" runat="server" Text="Save"
            style="z-index:1; position:absolute; top:300px; left:282px; "
            Width="50px" SkinID="smallGreenButton" onclick="saveButton_Click" />


          </telerik:RadAjaxPanel>

</div>


</asp:Content>

Should I put in a ticket since the fix worked on all of my other pages, besides this one?

wen

[Peter]

Hi Wendy,

We tested the code and indeed it exhibits an overlay problem. However, it boiled down to be a z-index issue again. You overwrite your Z-index property inline by setting Style="z-index: 1; ... " You should increase this value for the combobox to overlay other elements on the page:

<telerik:RadComboBox ID="responsiblePersonRadComboBox" runat="server" ZIndex="99999"
              Style="z-index: 1000; position: absolute; top: 25px; left: 150px;" Width="250px"
              Height="250px">

Regards,
Peter
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Wendy Hunt]

So sorry for the post... you are right.  I needed to take out the z-index:1
Thanks for setting me straight.  :)

wen