Welcome Guest Search | Active Topics | Sign In | Register

Splitter freezing Options
Duane
Posted: Friday, February 13, 2009 4:33:05 PM
Rank: Advanced Member
Groups: Member

Joined: 9/4/2007
Posts: 114
We have started using the splitter control in one of our projects, and have noticed that when the horizontal splitter is moved (vertically) to, or near the extent of the window, it will lock and become unresponsive, requiring us to reload the page to clear the hung splitter.

Is there a way to prevent this action from occurring? The actual application is quite large, so it is not really possible to post it here, but in general, it is a table with one td on the left (120px) comprising a search form, and another td on the right (balance of the page), which is the content area using the splitter to split into two sections displaying a GridView on the top section, and a tab panel on the bottom section with 6 tabs.

When a search is performed and data is loaded into the grid and tab panels, moving the splitter to the top, or the bottom causes the splitter to freeze and become unresponsive.

Can you provide an exampe of how to prevent the freezing action, or suggest what may be causing this anomaly?

Thanks
eo_support
Posted: Friday, February 13, 2009 4:45:49 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

I believe we have fixed a similar issue in the past so make sure you have the latest version first. You can take a look of our sample project. There are many samples there and we are not aware of any of them would freeze.

Thanks!
Duane
Posted: Sunday, February 15, 2009 7:17:34 PM
Rank: Advanced Member
Groups: Member

Joined: 9/4/2007
Posts: 114
Ok, we are still running 2008.0.35 build, so I think we are behind a bit.

Thanks.
Duane
Posted: Monday, February 16, 2009 1:38:55 PM
Rank: Advanced Member
Groups: Member

Joined: 9/4/2007
Posts: 114
The freezing splitter is still a problem in the 2008.0.63. As long as there is no data loaded, it seems to split without freezing. But, when the grid and the tab container are loaded with data the splitter freezes when moved toward the extent of the page. The cursor then changes to a "move" type icon and the page must be refreshed to recover.

Thanks.
eo_support
Posted: Monday, February 16, 2009 1:48:13 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

Please create a test page that reproduces the problem, we will take a look as soon as we have that. Make sure the test page runs independently because we will need to be able to run it and see the problem.

Thanks
Duane
Posted: Friday, February 20, 2009 9:46:55 AM
Rank: Advanced Member
Groups: Member

Joined: 9/4/2007
Posts: 114
Ok, here is a test page that contains a grid (table) in the top splitterpane with a few items listed.
The lower splitterpane has an ajax tabpanel with several tabs that have iftrames but initially do not have the src attribute set.
When you first load the page, the splitter works fine, but, when you click one of the items in the list, the first tab iframe will have it's src set and the site will be loaded into that iframe.
If you now try to move the splitter, you will see it will not perform properly, and will eventually freeze. The freezing ususally occurs when you have moved the splitter to the top, then try to lower it to expose more of the grid.
This seems to only happen when the iframe src is set. We downloaded and tested with the newest build and found no difference in this behaviour.

Thanks for looking into this.

Code: HTML/ASPX
<%@ Page Language="C#" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register assembly="EO.Web" namespace="EO.Web" tagprefix="eo" %>

<!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 id="Head1" runat="server"><title></title>
<script type="text/javascript">
    function setSrc(dest) {
        eval("document.getElementById('TabContainer1_TabPanel1_CollectionAnalysis').src = '" + dest + "'");            
    }
</script>
</head>
<body>
<form ID="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>

    <table border="1" style="height: 100%; width: 100%;" cellpadding="0" cellspacing="0">
   
    <tr>
       <td valign="top" style="width: 120px; height:100%;">
            <asp:UpdatePanel ID="UpdatePanel1" runat="server" >
                <ContentTemplate>
                   <div style=" margin-left: 5px; height: width: 126px;">
                        User Name/Email<br />
                        <asp:TextBox ID="UserAccount" runat="server"></asp:TextBox>
                        Analysis Number<br />
                        <asp:TextBox ID="AnalysisSearch" runat="server" ></asp:TextBox>
                        File Name<br />
                        <asp:TextBox ID="FileNameSearch" runat="server" ></asp:TextBox>
                        First Name<br />
                        <asp:TextBox ID="FirstNameSearch" runat="server"></asp:TextBox>
                        Last Name<br />
                        <asp:TextBox ID="LastNameSearch" runat="server" ></asp:TextBox>
                        Customer Number<br />
                        <asp:TextBox ID="CustomerNumberSearch" runat="server" ></asp:TextBox>
                        District<br/>
                        <asp:TextBox ID="DistrictSearch" runat="server" ></asp:TextBox>
                        State<br />
                        <asp:TextBox ID="StateSearch" runat="server" ></asp:TextBox>
                        School<br />
                        <asp:TextBox ID="SchoolSearch" runat="server" ></asp:TextBox>
                        From <eo:DatePicker ID="DateStart" runat="server" 
                        ControlSkinID="DateStart" 
                        CssBlock="&lt;style  type=&quot;text/css&quot;&gt; a.eo_calendar_style1_title_button 
                            { 
                                    width: 21px;
                                    height: 17px;
                                    border-right: #f3f3f3 1px solid; 
                                    border-top: #f3f3f3 1px solid; 
                                    border-left: #f3f3f3 1px solid; 
                                    border-bottom: #f3f3f3 1px solid; 
                                    background-color: transparent; 
                               }   
                               
                               a.eo_calendar_style1_title_button:hover 
                               { 
                                    width: 21px;
                                    height: 17px;
                                    border-right: #0044ff 1px solid; 
                                    border-top: #0044ff 1px solid; 
                                    border-left: #0044ff 1px solid; 
                                    border-bottom: #0044ff 1px solid; 
                                    background-color: #aaaaff   
                               }   
                            &lt;/style&gt;
                            " DayCellHeight="14" DayCellWidth="22" DisabledDates="" DisableWeekendDays="True" 
                            PopupExpandDirection="TopRight" 
                            VisibleDate="2008-12-01" MonthGridLineColor="DarkOliveGreen" 
                            MonthGridLineVisible="True" FirstMonth="2000-01-01" 
                            MinValidDate="2000-01-01" SelectedDates="2000-01-01">
                            <TodayHoverStyle CssText="background-color:#ccffcc;" />
                            <TitleTemplate>
                                <table border="0" cellpadding="0" cellspacing="0" 
                                    style="background-color:#f3f3f3;font-size: 11px; font-family: verdana; " 
                                    width="100%">
                                    <tr>
                                        <!-- Previous Year -->
                                        <td>
                                            <a class="eo_calendar_style1_title_button" 
                                                href="javascript: void {var:this}.goTo(-12);">
                                            <img border="0" src="{img:00040302}" /> </a>
                                        </td>
                                        <!-- Previous Month -->
                                        <td>
                                            <a class="eo_calendar_style1_title_button" 
                                                href="javascript: void {var:this}.goTo(-1);">
                                            <img border="0" src="{img:00040301}" /> </a>
                                        </td>
                                        <!-- Current Month -->
                                        <td align="center" width="99%">
                                            {var:visible_date:MMM - yy}
                                        </td>
                                        <!-- Next Month -->
                                        <td>
                                            <a class="eo_calendar_style1_title_button" 
                                                href="javascript: void {var:this}.goTo(1);">
                                            <img border="0" src="{img:00040303}" /> </a>
                                        </td>
                                        <!-- Next Year -->
                                        <td>
                                            <a class="eo_calendar_style1_title_button" 
                                                href="javascript: void {var:this}.goTo(12);">
                                            <img border="0" src="{img:00040304}" /> </a>
                                        </td>
                                    </tr>
                                </table>
                            </TitleTemplate>
                            <SelectedDayStyle CssText="background-color:White;border-bottom-color:Black;border-bottom-style:solid;border-bottom-width:1px;border-left-color:Black;border-left-style:solid;border-left-width:1px;border-right-color:Black;border-right-style:solid;border-right-width:1px;border-top-color:Black;border-top-style:solid;border-top-width:1px;font-family:Arial;font-size:8pt;" />
                            <PopupExpandEffect Type="GlideBottomLeftToTopRight" />
                            <WeekendDayStyle CssText="color:gray;font-family:Arial;" />
                            <DisabledDayStyle CssText="font-family: verdana; font-size: 8pt; border-bottom-color:#CFD9C0;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#CFD9C0;border-left-style:solid;border-left-width:1px;border-right-color:#CFD9C0;border-right-style:solid;border-right-width:1px;border-top-color:#CFD9C0;border-top-style:solid;border-top-width:1px;color:gray;" />
                            <TitleArrowHoverStyle CssText="background-color:#ffff66;" />
                            <PopupCollapseEffect Type="GlideBottomLeftToTopRight" />
                            <MonthSelectorStyle CssText="background-color:#ffff99;font-family:Arial;" />
                            <PickerStyle CssText="font-family:Arial;" />
                            <CalendarStyle CssText="background-color:#666699;border-bottom-color:#555566;border-bottom-style:ridge;border-bottom-width:1px;border-left-color:#555566;border-left-style:ridge;border-left-width:1px;border-right-color:#555566;border-right-style:ridge;border-right-width:1px;border-top-color:#555566;border-top-style:ridge;border-top-width:1px;font-family:Arial;" />
                            <TitleArrowStyle CssText="font-family:Arial;" />
                            <DayHoverStyle CssText="background-color:#ffff66;border-bottom-color:#009933;border-bottom-style:inset;border-bottom-width:1px;border-left-color:#009933;border-left-style:inset;border-left-width:1px;border-right-color:#009933;border-right-style:inset;border-right-width:1px;border-top-color:#009933;border-top-style:inset;border-top-width:1px;font-family:Arial;font-size:8pt;" />
                            <MonthStyle CssText="background-color:#ffffcc;cursor:hand;font-family:Arial;" />
                            <TitleStyle CssText="font-family:Arial;font-weight:bold;" />
                            <WeekendDayHoverStyle CssText="font-family:Arial;" />
                            <MonthTitleStyle CssText="font-family:Arial;font-weight:bold;" />
                            <DayHeaderStyle CssText="background-color:#ffcc00;border-bottom-color:#555566;border-bottom-style:solid;border-bottom-width:1px;color:black;font-family:Arial;font-size:11px;font-weight:bold;" />
                            <DayStyle CssText="border-bottom-color:#ffcc66;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#ffcc66;border-left-style:solid;border-left-width:1px;border-right-color:#ffcc66;border-right-style:solid;border-right-width:1px;border-top-color:#ffcc66;border-top-style:solid;border-top-width:1px;font-family:Arial;font-size:8pt;" />
                        </eo:DatePicker>
                             
                        To<br />
                        <eo:DatePicker ID="DateEnd" runat="server" 
                            ControlSkinID="None" CssBlock="
                                &lt;style  type=&quot;text/css&quot;&gt;
                                   a.eo_calendar_style1_title_button 
                                   { 
                                        width: 21px;
                                        height: 17px;
                                        border-right: #f3f3f3 1px solid; 
                                        border-top: #f3f3f3 1px solid; 
                                        border-left: #f3f3f3 1px solid; 
                                        border-bottom: #f3f3f3 1px solid; 
                                        background-color: transparent; 
                                   }   
                                   
                                   a.eo_calendar_style1_title_button:hover 
                                   { 
                                        width: 21px;
                                        height: 17px;
                                        border-right: #0044ff 1px solid; 
                                        border-top: #0044ff 1px solid; 
                                        border-left: #0044ff 1px solid; 
                                        border-bottom: #0044ff 1px solid; 
                                        background-color: #aaaaff   
                                   }   
                                &lt;/style&gt;
                                " DayCellHeight="14" DayCellWidth="22" DisabledDates="" DisableWeekendDays="True" 
                            PopupExpandDirection="BottomRight" SelectedDates="2000-01-01" 
                            VisibleDate="2008-12-01" MonthGridLineColor="DarkOliveGreen" 
                            MonthGridLineVisible="True">
                            <TodayHoverStyle CssText="background-color:#ccffcc;" />
                            <TitleTemplate>
                                <table border="0" cellpadding="0" cellspacing="0" 
                                    style="background-color:#f3f3f3;font-size: 11px; font-family: verdana; " 
                                    width="100%">
                                    <tr>
                                        <!-- Previous Year -->
                                        <td>
                                            <a class="eo_calendar_style1_title_button" 
                                                href="javascript: void {var:this}.goTo(-12);">
                                            <img border="0" src="{img:00040302}" /> </a>
                                        </td>
                                        <!-- Previous Month -->
                                        <td>
                                            <a class="eo_calendar_style1_title_button" 
                                                href="javascript: void {var:this}.goTo(-1);">
                                            <img border="0" src="{img:00040301}" /> </a>
                                        </td>
                                        <!-- Current Month -->
                                        <td align="center" width="99%">
                                            {var:visible_date:MMM - yy}
                                        </td>
                                        <!-- Next Month -->
                                        <td>
                                            <a class="eo_calendar_style1_title_button" 
                                                href="javascript: void {var:this}.goTo(1);">
                                            <img border="0" src="{img:00040303}" /> </a>
                                        </td>
                                        <!-- Next Year -->
                                        <td>
                                            <a class="eo_calendar_style1_title_button" 
                                                href="javascript: void {var:this}.goTo(12);">
                                            <img border="0" src="{img:00040304}" /> </a>
                                        </td>
                                    </tr>
                                </table>
                            </TitleTemplate>
                            <SelectedDayStyle CssText="background-color:White;border-bottom-color:Black;border-bottom-style:solid;border-bottom-width:1px;border-left-color:Black;border-left-style:solid;border-left-width:1px;border-right-color:Black;border-right-style:solid;border-right-width:1px;border-top-color:Black;border-top-style:solid;border-top-width:1px;font-family:Arial;font-size:8pt;" />
                            <PopupExpandEffect Type="GlideTopLeftToBottomRight" />
                            <WeekendDayStyle CssText="color:gray;font-family:Arial;" />
                            <DisabledDayStyle CssText="font-family: verdana; font-size: 8pt; border-bottom-color:#CFD9C0;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#CFD9C0;border-left-style:solid;border-left-width:1px;border-right-color:#CFD9C0;border-right-style:solid;border-right-width:1px;border-top-color:#CFD9C0;border-top-style:solid;border-top-width:1px;color:gray;" />
                            <TitleArrowHoverStyle CssText="background-color:#ffff66;" />
                            <PopupCollapseEffect Type="GlideTopLeftToBottomRight" />
                            <MonthSelectorStyle CssText="background-color:#ffff99;font-family:Arial;" />
                            <PickerStyle CssText="font-family:Arial;" />
                            <CalendarStyle CssText="background-color:#666699;border-bottom-color:#555566;border-bottom-style:ridge;border-bottom-width:1px;border-left-color:#555566;border-left-style:ridge;border-left-width:1px;border-right-color:#555566;border-right-style:ridge;border-right-width:1px;border-top-color:#555566;border-top-style:ridge;border-top-width:1px;font-family:Arial;" />
                            <TitleArrowStyle CssText="font-family:Arial;" />
                            <DayHoverStyle CssText="background-color:#ffff66;border-bottom-color:#009933;border-bottom-style:inset;border-bottom-width:1px;border-left-color:#009933;border-left-style:inset;border-left-width:1px;border-right-color:#009933;border-right-style:inset;border-right-width:1px;border-top-color:#009933;border-top-style:inset;border-top-width:1px;font-family:Arial;font-size:8pt;" />
                            <MonthStyle CssText="background-color:#ffffcc;cursor:hand;font-family:Arial;" />
                            <TitleStyle CssText="font-family:Arial;font-weight:bold;" />
                            <WeekendDayHoverStyle CssText="font-family:Arial;" />
                            <MonthTitleStyle CssText="font-family:Arial;font-weight:bold;" />
                            <DayHeaderStyle CssText="background-color:#ffcc00;border-bottom-color:#555566;border-bottom-style:solid;border-bottom-width:1px;color:black;font-family:Arial;font-size:11px;font-weight:bold;" />
                            <DayStyle CssText="border-bottom-color:#ffcc66;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#ffcc66;border-left-style:solid;border-left-width:1px;border-right-color:#ffcc66;border-right-style:solid;border-right-width:1px;border-top-color:#ffcc66;border-top-style:solid;border-top-width:1px;font-family:Arial;font-size:8pt;" />
                        </eo:DatePicker>
                        <br /><br />
                        <asp:RadioButtonList ID="rdoListDistrict" runat="server" Width="120px">
                        <asp:ListItem Selected="True">All</asp:ListItem>
                        <asp:ListItem>District Only</asp:ListItem>
                        <asp:ListItem>Individual Only</asp:ListItem>
                        </asp:RadioButtonList>
                        <br /><br />
                        <center>
                            <asp:Button ID="SearchButton" runat="server" Text="Search" Width="79px" CommandName="Search" CommandArgument="SearchForm" />
                        </center>                    
                       </div>
                </ContentTemplate>
            </asp:UpdatePanel> 
            
        </td>
            
            <td>
                <eo:Splitter id="Splitter2" Orientation="Horizontal" runat="server" 
                    Width="100%" Height="600" BorderStyle="Solid" DividerSize="6"
	                BorderWidth="1px" BorderColor="#3B619C" ControlSkinID="None" 
	                DividerImage="00080201">
	                
	                
                    <eo:SplitterPane id="SplitterPane1" Width="100%" runat="server" MinHeight="40" Height="400">
                        <div style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px">
                        
                            <table width="100%" cellpadding="0" cellspacing="1" border="0">
                                        <tr>
                                            <td width="100%" align="left" valign="top" style="border: solid 0px #cccccc;">
                                                <span id="ctl00_ContentPlaceHolder1_sess"></span>
                                                    <table cellspacing="0" rules="rows" border="1" id="ctl00_ContentPlaceHolder1_GridView1"
                                                        style="width: 100%; border-collapse: collapse;">
                                                        <tr class="GridViewHeader">
                                                            <th align="left" valign="middle" scope="col">
                                                                Site
                                                            </th>
                                                            <th align="center" valign="middle" scope="col">
                                                                A<br>
                                                                c<br>
                                                                c
                                                            </th>
                                                            <th align="center" valign="middle" scope="col">
                                                                U<br>
                                                                s<br>
                                                                r
                                                            </th>
                                                            <th align="center" valign="middle" scope="col">
                                                                G<br>
                                                                r<br>
                                                                p
                                                            </th>
                                                            <th align="center" valign="middle" scope="col">
                                                                R<br>
                                                                o<br>
                                                                l
                                                            </th>
                                                            <th align="center" valign="middle" scope="col">
                                                                R<br>
                                                                e<br>
                                                                c
                                                            </th>
                                                            <th align="center" valign="middle" scope="col">
                                                                I<br>
                                                                n<br>
                                                                v
                                                            </th>
                                                            <th align="center" valign="middle" scope="col">
                                                                R<br>
                                                                e<br>
                                                                t
                                                            </th>
                                                            <th align="center" valign="middle" scope="col">
                                                                R<br>
                                                                p<br>
                                                                t
                                                            </th>
                                                            <th align="center" valign="middle" scope="col">
                                                                N<br>
                                                                e<br>
                                                                w<br>
                                                            </th>
                                                        </tr>
                                                        <tr class="GridViewRowStyle" valign="top">
                                                            <td align="left" style="width: 100px; white-space: nowrap;">
                                                                <span onclick="javascript:setSrc('http://www.google.com');" style="cursor: pointer;">Google</span>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl03_BookReturn" tip="This user has Returns permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                        </tr>
                                                        <tr class="GridViewAlternatingRow" valign="top">
                                                            <td align="left" style="width: 100px; white-space: nowrap;">
                                                                <span onclick="javascript:setSrc('http://www.msn.com');" style="cursor: pointer;">MSN</span>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl04_BookReturn" tip="This user has Returns permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                        </tr>
                                                        <tr class="GridViewRowStyle" valign="top">
                                                            <td align="left" style="width: 100px; white-space: nowrap;">
                                                                    <span onclick="javascript:setSrc('http://www.yahoo.com');" style="cursor: pointer;">Yahoo</span>                                                            
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl05_CreateAccts" tip="This user has Create Account permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl05_AddUser" tip="This user has Add/Edit User permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl05_AddGroup" tip="This user has Add Group permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl05_CreateRoles" tip="This user has Create Roles permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl05_Recieving" tip="This user has Receiving permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl05_Invoicing" tip="This user has Invoicing permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl05_BookReturn" tip="This user has Returns permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl05_Reports" tip="This user has Reports permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl05_News" tip="This user has News permissions">
                                                                    X</a>
                                                            </td>
                                                        </tr>
                                                        <tr class="GridViewAlternatingRow" valign="top">
                                                            <td align="left" style="width: 100px; white-space: nowrap;">
                                                                    <span onclick="javascript:setSrc('http://www.mackin.com');" style="cursor: pointer;">Mackin</span>                                                            
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl06_CreateAccts" tip="This user has Create Account permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl06_AddUser" tip="This user has Add/Edit User permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl06_AddGroup" tip="This user has Add Group permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl06_CreateRoles" tip="This user has Create Roles permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl06_Recieving" tip="This user has Receiving permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl06_Invoicing" tip="This user has Invoicing permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl06_BookReturn" tip="This user has Returns permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl06_Reports" tip="This user has Reports permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl06_News" tip="This user has News permissions">
                                                                    X</a>
                                                            </td>
                                                        </tr>
                                                        <tr class="GridViewRowStyle" valign="top">
                                                            <td align="left" style="width: 100px; white-space: nowrap;">
                                                                <span onclick="javascript:setSrc('http://www.essentialobjects.com');" style="cursor: pointer; white-space: nowrap;">Essential Objects</span>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl07_BookReturn" tip="This user has Returns permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                        </tr>
                                                        <tr class="GridViewAlternatingRow" valign="top">
                                                            <td align="left" style="width: 100px; white-space: nowrap;">
                                                                <span onclick="javascript:setSrc('http://www.tectite.com');" style="cursor: pointer; white-space: nowrap;">Tectite</span>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl08_CreateAccts" tip="This user has Create Account permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl08_AddUser" tip="This user has Add/Edit User permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl08_AddGroup" tip="This user has Add Group permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl08_CreateRoles" tip="This user has Create Roles permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl08_Recieving" tip="This user has Receiving permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl08_Invoicing" tip="This user has Invoicing permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl08_BookReturn" tip="This user has Returns permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl08_Reports" tip="This user has Reports permissions">
                                                                    X</a>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                                <a id="ctl00_ContentPlaceHolder1_GridView1_ctl08_News" tip="This user has News permissions">
                                                                    X</a>
                                                            </td>
                                                        </tr>
                                                        <tr class="GridViewRowStyle" valign="top">
                                                            <td align="left" style="width: 100px; white-space: nowrap;">
                                                                <span onclick="javascript:setSrc('http://www.obout.com');" style="cursor: pointer; white-space: nowrap;">obout</span>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                        </tr>
                                                        <tr class="GridViewAlternatingRow" valign="top">
                                                            <td align="left" style="width: 100px; white-space: nowrap;">
                                                                <span onclick="javascript:setSrc('http://www.zettacube.com');" style="cursor: pointer; white-space: nowrap;">ZettaCube</span>
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="width: 20px;">
                                                            </td>
                                                            <td align="center" valign="middle" style="background-color: Silver; width: 20px;">
                                                            </td>
                                                        </tr>
                                                    </table>
                                            </td>
                                        </tr>
                                    </table>
                        </div>
	                </eo:SplitterPane>
	                
	                <eo:SplitterPane id="SplitterPane2" runat="server" MinHeight="40">
		                <div style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px">			            
			            
			            <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                            <ContentTemplate>
                                <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0"
                                        Width="100%" ScrollBars="None">
                                     <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="Collection Analysis" Height="800">
                                        <HeaderTemplate>
                                            Collection Analysis
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                         <asp:UpdatePanel ID="CollIFrame" runat="server">
                                             <ContentTemplate>
                                                <iframe id="CollectionAnalysis"  height="500" width="100%" frameborder="0"  
                                                     runat="server" style="height: 500px; width: 90%"></iframe>
                                             </ContentTemplate>
                                            </asp:UpdatePanel> 
                                            </ContentTemplate>                      
                                    </cc1:TabPanel>
                                   <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="Unclassified" Height="250">
                                        <HeaderTemplate>
                                            Unclassifed
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                        <asp:UpdatePanel ID="Unclassifed" runat="server">
                                             <ContentTemplate>
                                                <iframe id="UnClassPDF" height="100px" width="100%" frameborder="0" runat="server"  ></iframe>
                                             </ContentTemplate>
                                         </asp:UpdatePanel>  
                                         </ContentTemplate>                   
                                   </cc1:TabPanel>
                                    <cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="Notes">
                                        <HeaderTemplate>
                                            Notes
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                        <asp:UpdatePanel ID="Notes" runat="server">
                                             <ContentTemplate>
                                                <iframe id="ExistingNote" style="overflow:hidden" height="200%" width="100%" frameborder="0" runat="server"></iframe>
                                             </ContentTemplate>
                                         </asp:UpdatePanel>      
                                         </ContentTemplate>               
                                   </cc1:TabPanel>
                                   <cc1:TabPanel ID="TabPanel4" runat="server" HeaderText="Customer Information">
                                        <HeaderTemplate>
                                            Customer Information
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                        <asp:UpdatePanel ID="CustInfo" runat="server">
                                             <ContentTemplate>
                                                <iframe id="CustomerInfo" width="100%" frameborder="0" runat="server" ></iframe>
                                             </ContentTemplate>
                                         </asp:UpdatePanel>       
                                         </ContentTemplate>               
                                    </cc1:TabPanel>
                                    <cc1:TabPanel ID="TabPanel5" runat="server" HeaderText="Added Viewer">
                                        <HeaderTemplate>
                                            Added Viewer
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                        <asp:UpdatePanel ID="AddedViewer" runat="server">
                                             <ContentTemplate>
                                                <iframe id="AddViewer" width="100%" frameborder="0" height="200%" runat="server" ></iframe>
                                             </ContentTemplate>
                                         </asp:UpdatePanel>   
                                         </ContentTemplate>                  
                                   </cc1:TabPanel>
                                    <cc1:TabPanel ID="TabPanel6" runat="server" HeaderText="TitleMatch">
                                        <HeaderTemplate>
                                            Title Match
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                        <asp:UpdatePanel ID="TM" runat="server">
                                             <ContentTemplate>
                                               <iframe id="TitleMatch" width="100%" frameborder="0" height="200%"  runat="server" ></iframe>
                                             </ContentTemplate>
                                         </asp:UpdatePanel>    
                                         </ContentTemplate>                   
                                   </cc1:TabPanel>
                                    
                                    <cc1:TabPanel ID="DistrictTab" runat="server" HeaderText="District Aggregate">
                                        <ContentTemplate>
                                            District aggregate only for District Search criteria.Instead of XL will appear in online view.
                                        </ContentTemplate>
                                    </cc1:TabPanel>
                                    <cc1:TabPanel ID="TabPanel8" runat="server" HeaderText="Print">
                                     <ContentTemplate>
                                            Use the "PrintOnline"(inhouse) for printing collection.
                                     </ContentTemplate>
                                    </cc1:TabPanel> 
                                    </cc1:TabContainer>
                                </ContentTemplate> 
                            </asp:UpdatePanel>    
			            
			            </div>
	                </eo:SplitterPane>
	                
	                
	            </eo:Splitter>
                       
            </td>
        </tr>        
    </table>
</form>
</body>
</html>
eo_support
Posted: Friday, February 20, 2009 9:49:37 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Thank you very much for the test code. We will look into it and see what we can find.

Thanks!
Duane
Posted: Thursday, February 26, 2009 9:18:12 AM
Rank: Advanced Member
Groups: Member

Joined: 9/4/2007
Posts: 114
Have you been able to determine the cause for the splitter freezing from the test code I sent? I have tried splitters from a few other sources using the same test code. they do not exhibit the same behaviour (freeezing) as EO does.
eo_support
Posted: Thursday, February 26, 2009 9:44:25 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

We did run the test page on .63 and we are not able to reproduce the problem. Our record shows that this was a problem in our early builds but has been fixed. Do you have any specific steps to reproduce the problem?

Thanks!
Duane
Posted: Friday, February 27, 2009 12:03:24 PM
Rank: Advanced Member
Groups: Member

Joined: 9/4/2007
Posts: 114
Hello,

Yes, You have to click one of the Links ( Google, MSN, Yahoo, etc) first.

Click one of the links to load the selected site into the first tab panel in the lower pane.

Then, move the splitter to the top of the page to expose the full site (Google, MSN, etc.) and hide the grid.

Then, move the splitter down to expose the grid in the top pane.

When moving the splitter down, the splitter border line/bar will detach and the cursor will change to a "move" icon (arrows up/down/left/right) and the splitter will no longer move.

Thanks.
eo_support
Posted: Friday, February 27, 2009 1:30:52 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

Thanks for the additional information. We now see the problem. We will work on it and let you know as soon as any progress is made.

Thanks!
eo_support
Posted: Friday, March 6, 2009 6:45:12 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

We have looked into this issue and found that it is related to iframes. When mouse is over an iframe, the hosting document is unable to catch the mouse event. This causes the splitter unable to receive the mouse move event to continue drag and drop. Unfortunately we have not found a good solution for this issue yet, we will continue to research and reply again as soon as we have a solution.

Thanks!
Duane
Posted: Monday, March 9, 2009 2:08:51 PM
Rank: Advanced Member
Groups: Member

Joined: 9/4/2007
Posts: 114
Hello,

Yes, it did seem to be related to the iframe, once the src attribute was set.
We are using it as is for now in an internal application. The end users are aware of the issue.
As soon as you are able to find a solution for this issue we will update our application as needed.

Thanks for your support.

Duane


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.