|
|
Rank: Member
Groups: Member
Joined: 6/10/2008
Posts: 12
|
Dear Support,
I use Splitter with AutoFillWindow==true and rezize a Grid in pane 2 dynamically within ClientSideOnResized. All works fine until I add a toolbar anywhere at the page (does not matter where, before or behind the splitter or in one of the panes). Together with the toolbar, ClientSideOnResized gets not called anymore. Can you please post the reason and a solution?!
Thank you in advance!
Karsten
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,193
|
Hi,
We tested this feature and it appears to be working fine. Can you create a reproducing test page for us? Make sure the page runs because we may need to debug through it.
Thanks!
|
|
Rank: Member
Groups: Member
Joined: 6/10/2008
Posts: 12
|
Hi again, there is nothing special about the page and nothing to debug (as I can see). The demo that follows has a splitter with two panes. The toolbar "Toolbar1" in the first page is commented out. When running, the alert "Hi" pops up every time you resize the browser window. If the toolbar is commented in, the alert window pops up only the first time the page is shown. If you resize the browser window, the alert is not shown.
Code: HTML/ASPX
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Share2.WebForm1" %>
<%@ 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 runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function onSplitterResized()
{
alert("hi");
}
</script>
</head>
<body>
<form id="form1" runat="server">
<eo:Splitter ID="Splitter1" runat="server" Height='180px' Width='300px'
DividerSize="1" AutoFillWindow="True" ClientSideOnResized="onSplitterResized"
Enabled="False" WidthMargin="2" Orientation="Horizontal">
<eo:SplitterPane ID="paneTop" runat="server" Height='80px' Width='0px'
ScrollBars="None" >
<!--
<eo:ToolBar ID="ToolBar1" runat="server" Width="400px" BorderColor="LightGray"
BorderStyle="Solid" BorderWidth="1px" TextAlign="Underneath">
<HoverStyle CssText="BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 6px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; MARGIN: 3px 4px; BORDER-LEFT: gray 1px solid; CURSOR: hand; PADDING-TOP: 3px; BORDER-BOTTOM: gray 1px solid; FONT-FAMILY: Tahoma" />
<NormalStyle CssText="PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; MARGIN: 3px 4px; CURSOR: hand; PADDING-TOP: 4px; FONT-FAMILY: Tahoma" />
<Items>
<eo:ToolBarItem CommandName="New" ImageUrl="00101001" Text="New" ToolTip="New">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Open" ImageUrl="00101002" Text="Open"
ToolTip="Open">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Save" ImageUrl="00101003" Text="Save"
ToolTip="Save">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="SaveAll" ImageUrl="00101004" Text="Save All"
ToolTip="Save All">
</eo:ToolBarItem>
</Items>
<DownStyle CssText="background-color:#e0e0e0;border-bottom-color:gray;border-bottom-style:solid;border-bottom-width:1px;border-left-color:gray;border-left-style:solid;border-left-width:1px;border-right-color:gray;border-right-style:solid;border-right-width:1px;border-top-color:gray;border-top-style:solid;border-top-width:1px;cursor:hand;font-family:Tahoma;font-size:12px;margin-bottom:3px;margin-left:4px;margin-right:4px;margin-top:3px;padding-bottom:3px;padding-left:6px;padding-right:6px;padding-top:3px;" />
</eo:ToolBar>
-->
</eo:SplitterPane>
<eo:SplitterPane ID="paneRight" runat="server" Height='180px' Width='100px'
ScrollBars="None">
<eo:Grid ID="gridUsers" runat="server" AllowPaging="False" BorderColor="#828790"
BorderWidth="1px" ColumnHeaderAscImage="00050204"
ColumnHeaderDescImage="00050205" ColumnHeaderDividerImage="00050203"
ColumnHeaderHeight="24" EnableKeyboardNavigation="True"
Font-Bold="False" Font-Italic="False" Font-Names="Tahoma" Font-Overline="False"
Font-Size="8.75pt" Font-Strikeout="False" Font-Underline="False"
GridLineColor="240, 240, 240" GridLines="Both" ItemHeight="19" Height="100px">
<FooterStyle CssText="padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:4px;" />
<ItemStyles>
<eo:GridItemStyleSet>
<ItemStyle CssText="background-color: white" />
<ItemHoverStyle CssText="background-image: url(00050206); background-repeat: repeat-x" />
<SelectedStyle CssText="background-image: url(00050207); background-repeat: repeat-x" />
<CellStyle CssText="padding-left:8px;padding-top:2px;" />
</eo:GridItemStyleSet>
</ItemStyles>
<ColumnTemplates>
<eo:TextBoxColumn>
<TextBoxStyle CssText="BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 8.75pt; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; FONT-FAMILY: Tahoma" />
</eo:TextBoxColumn>
<eo:DateTimeColumn>
<DatePicker ControlSkinID="None" DayCellHeight="16" DayCellWidth="19"
DayHeaderFormat="FirstLetter" DisabledDates="" OtherMonthDayVisible="True"
SelectedDates="" TitleLeftArrowImageUrl="DefaultSubMenuIconRTL"
TitleRightArrowImageUrl="DefaultSubMenuIcon">
<TodayStyle CssText="font-family: tahoma; font-size: 12px; border-right: #bb5503 1px solid; border-top: #bb5503 1px solid; border-left: #bb5503 1px solid; border-bottom: #bb5503 1px solid" />
<SelectedDayStyle CssText="font-family: tahoma; font-size: 12px; background-color: #fbe694; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<DisabledDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<PickerStyle CssText="border-bottom-color:#7f9db9;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#7f9db9;border-left-style:solid;border-left-width:1px;border-right-color:#7f9db9;border-right-style:solid;border-right-width:1px;border-top-color:#7f9db9;border-top-style:solid;border-top-width:1px;font-family:Courier New;font-size:8pt;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;" />
<CalendarStyle CssText="background-color: white; border-right: #7f9db9 1px solid; padding-right: 4px; border-top: #7f9db9 1px solid; padding-left: 4px; font-size: 9px; padding-bottom: 4px; border-left: #7f9db9 1px solid; padding-top: 4px; border-bottom: #7f9db9 1px solid; font-family: tahoma" />
<TitleArrowStyle CssText="cursor:hand" />
<DayHoverStyle CssText="font-family: tahoma; font-size: 12px; border-right: #fbe694 1px solid; border-top: #fbe694 1px solid; border-left: #fbe694 1px solid; border-bottom: #fbe694 1px solid" />
<MonthStyle CssText="font-family: tahoma; font-size: 12px; margin-left: 14px; cursor: hand; margin-right: 14px" />
<TitleStyle CssText="background-color:#9ebef5;font-family:Tahoma;font-size:12px;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;" />
<OtherMonthDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<DayHeaderStyle CssText="font-family: tahoma; font-size: 12px; border-bottom: #aca899 1px solid" />
<DayStyle CssText="font-family: tahoma; font-size: 12px; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
</DatePicker>
</eo:DateTimeColumn>
<eo:MaskedEditColumn>
<MaskedEdit ControlSkinID="None"
TextBoxStyle-CssText="BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; font-family:Courier New;font-size:8pt;">
</MaskedEdit>
</eo:MaskedEditColumn>
</ColumnTemplates>
<ColumnHeaderHoverStyle CssText="background-image:url('00050202');padding-left:8px;padding-top:4px;" />
<Columns>
<eo:TextBoxColumn AllowSort="True" DataField="Name" HeaderText="Name"
Name="Name" SortOrder="Ascending">
</eo:TextBoxColumn>
<eo:TextBoxColumn AllowSort="True" DataField="Vorname" HeaderText="Vorname"
Name="Vorname">
</eo:TextBoxColumn>
<eo:TextBoxColumn AllowSort="True" DataField="IdentityName"
HeaderText="Account" Name="IdentityName" Width="150">
</eo:TextBoxColumn>
<eo:TextBoxColumn AllowSort="True" DataField="Plz" HeaderText="Plz" Name="Plz"
Width="80">
</eo:TextBoxColumn>
<eo:TextBoxColumn AllowSort="True" DataField="Ort" HeaderText="Ort" Name="Ort">
</eo:TextBoxColumn>
<eo:TextBoxColumn AllowSort="True" DataField="Strasse" HeaderText="Straße"
Name="Strasse">
</eo:TextBoxColumn>
<eo:TextBoxColumn AllowSort="True" DataField="Telefon" HeaderText="Telefon"
Name="Telefon">
</eo:TextBoxColumn>
<eo:TextBoxColumn AllowSort="True" DataField="EMail" HeaderText="EMail"
Name="EMail" Width="150">
</eo:TextBoxColumn>
<eo:CheckBoxColumn DataField="EMailDisable" HeaderText="Mails gesperrt"
Name="EMailDisable">
</eo:CheckBoxColumn>
</Columns>
<ColumnHeaderStyle CssText="background-image:url('00050201');padding-left:8px;padding-top:4px;" />
</eo:Grid>
</eo:SplitterPane>
</eo:Splitter>
</form>
</body>
</html>
|
|
Rank: Member
Groups: Member
Joined: 6/10/2008
Posts: 12
|
... there's one more thing to mention about the grid: When the columns are resized the sort icon (the little arrow right to the header text) does not move together with the right bound of the column. So, if you e.g. make the column smaller, the arrow stays where it was and is shown above the text of the next column. What did I wrong?
Kind regards
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,193
|
Hi,
We tried the splitter demo page and it runs fine here. Can you check if you have the latest version?
We have confirmed the column arrow problem. We will look into that and get it fixed as soon as possible.
Thanks!
|
|
Rank: Member
Groups: Member
Joined: 6/10/2008
Posts: 12
|
I just downloaded the current available version. The version I had is 5.0.51.2 (April 08). Did you change the number scheme, since the new version is 2008.0.15 ? Thats confusing. Can you please publish a version history and/or any hint about new versions and version numbers at your home page?!
L.b.n.l. thank you very much for your great support and quick response!!
Regards,
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,193
|
Hi,
2007.2 = 5.0 and 2008 = 6.0. So the version you have is actually 6.0.15. The new version should also fix the grid column arrow problem. Please verify.
Thanks!
|
|
Rank: Member
Groups: Member
Joined: 6/10/2008
Posts: 12
|
Ok, the event now fires, but the arrow problem still is NOT fixed .. I'm sorry :-) Please check that again. Thank you!
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,193
|
Hi, I believe it is fixed. Our online demo runs the same version and seems to work fine: http://www.essentialobjects.com/Demo/Default.aspx?path=Grid\_i1\_i0You need to check "Enable Sorting" first. Thanks
|
|
Rank: Member
Groups: Member
Joined: 6/10/2008
Posts: 12
|
Hi, very sorry but it is NOT fixed. Obviously "EnableSorting" is checked, otherwise there would be no arrow at all. You remember what you wrote? Quote:
We have confirmed the column arrow problem. We will look into that and get it fixed as soon as possible.
So my question is: How is it going?
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,193
|
Hi,
There might be some misunderstanding between us. Our steps are:
1. Go the the above demo page;
2. Click "Enable Sorting" to enable sorting. Without this the Grid won't even display the sorting arrow image;
3. Resize the first column and you would see the sorting arrow image moves along according to the new column size. Before this was fixed, the sorting arrow image does not move.
We did confirm this was problem when you reported it. However we fixed it and updated our website the second day. We have verified the above demo page multiple times and have confirmed it's fixed.
Thanks
|
|