Logo
My Account |  Site Map | Contact Us  
Welcome Guest Search | Active Topics | Sign In | Register

FileExplorer and dynamic Splitter height Options
hunpirate
Posted: Wednesday, October 14, 2020 9:55:49 AM
Rank: Advanced Member
Groups: Member

Joined: 6/14/2007
Posts: 71
Hi,

I have a FileExplorer object with embedded Splitter controls. How do I get to the Splitter control's SplitterPane height on the server side if I want to adjust the height of the Splitter control (id="SplitterPane2") dynamically.

<eo:FileExplorer id="feFileExplorer" runat="server" TargetControl="lblSelection" ClientSideOnFileSelected = "GetFile">
<LayoutTemplate>
<eo:splitter id="LeftSplitter" runat="server" Width="620px"
BorderStyle="Solid" BorderWidth="1px" BorderColor="#006699" DividerImage="00080411" DividerSize="10"
DividerCenterImage="00080412" ClientSideOnResized="splitter_resize_handler">
<eo:SplitterPane id="SplitterPane1" runat="server" Height="405px" Width="220px" ScrollBars="None" PersistScrollPosition="true">
<eo:ToolBar id="Toolbar1" runat="server" Width="100%" BackgroundImageRight="00100102" BackgroundImage="00100103"
BackgroundImageLeft="00100101" SeparatorImage="00100104">
<DownStyle CssText="border-right: #335ea8 1px solid; padding-right: 2px; border-top: #335ea8 1px solid; padding-left: 4px; padding-bottom: 1px; border-left: #335ea8 1px solid; padding-top: 3px; border-bottom: #335ea8 1px solid; background-color: #99afd4; cursor:hand; FONT-SIZE: 12px; FONT-FAMILY: Tahoma;" />
<HoverStyle CssText="border-right: #335ea8 1px solid; padding-right: 3px; border-top: #335ea8 1px solid; padding-left: 3px; padding-bottom: 2px; border-left: #335ea8 1px solid; padding-top: 2px; border-bottom: #335ea8 1px solid; background-color: #c2cfe5; cursor:hand; FONT-SIZE: 12px; FONT-FAMILY: Tahoma;" />
<NormalStyle CssText="padding-right: 4px; padding-left: 4px; padding-bottom: 3px; border-top-style: none; padding-top: 3px; border-right-style: none; border-left-style: none; border-bottom-style: none; cursor:hand; font-size: 12px; font-family: Tahoma;" />
<ItemTemplates>
<eo:ToolBarItem Type="Custom">
<HoverStyle CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;" />
<DownStyle CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;" />
<NormalStyle CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;" />
</eo:ToolBarItem>
</ItemTemplates>
<Items>
<eo:ToolBarItem Type="Custom">
<CustomItem><div style="font-family: Tahoma; font-size: 8.75pt; margin-left: 15px; margin-right: 80px;">Folders:</div></CustomItem>
</eo:ToolBarItem>
<eo:ToolBarItem ImageUrl="00101069" CommandName="Refresh" ToolTip="Refresh" />
</Items>
</eo:ToolBar>
<eo:TreeView id="FolderTree" runat="server" style="padding-right: 5px; padding-bottom: 5px; padding-top: 2px">
<LookNodes>
<eo:TreeNode ImageUrl="00030301" DisabledStyle-CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:Gray;padding-bottom:1px;padding-left:1px;padding-right:1px;padding-top:1px;"
CollapsedImageUrl="00030301" ItemID="_Default" NormalStyle-CssText="padding-right: 1px; padding-left: 1px; padding-bottom: 1px; color: black; border-top-style: none; padding-top: 1px; border-right-style: none; border-left-style: none; background-color: transparent; border-bottom-style: none"
ExpandedImageUrl="00030302" SelectedStyle-CssText="background-color:#316ac5;border-bottom-color:#999999;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#999999;border-left-style:solid;border-left-width:1px;border-right-color:#999999;border-right-style:solid;border-right-width:1px;border-top-color:#999999;border-top-style:solid;border-top-width:1px;color:white;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;" />
</LookNodes>
<TopGroup Style-CssText="background-color:white;color:black;cursor:hand;font-family:Tahoma;font-size:8pt;">
<Nodes />
</TopGroup>
</eo:TreeView>
</eo:SplitterPane>
<eo:SplitterPane id="SplitterPane2" runat="server" Height=<%=objHeight%> ScrollBars="None" PersistScrollPosition="true">
<eo:Grid runat="server" id="FileGrid" Height="405px" Width="220px" Font-Size="8.75pt" Font-Names="Tahoma"
GridLines="None" FixedColumnCount="0" ColumnHeaderDescImage="00050205" GridLineColor="240, 240, 240"
ItemHeight="19" ColumnHeaderAscImage="00050204" ColumnHeaderHeight="24" ColumnHeaderDividerImage="00050203"
BackColor="White">
<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>
</ColumnTemplates>
<ItemStyles>
<eo:GridItemStyleSet>
<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;cursor:default;white-space:nowrap;" />
<ItemStyle CssText="background-color: white" />
<AlternatingItemStyle CssText="background-color: #f4f4f4" />
</eo:GridItemStyleSet>
</ItemStyles>
<ColumnHeaderHoverStyle CssText="background-image:url('00050202');padding-left:8px;padding-top:4px;" />
<ColumnHeaderStyle CssText="background-image:url('00050201');padding-left:8px;padding-top:4px;" />
<FooterStyle CssText="padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:4px;" />
<Columns>
<eo:StaticColumn Name="Icon" Width="24" AllowSort="True" />
<eo:StaticColumn Name="FileName" HeaderText="File Name" Width="-1" MinWidth="100" />
<eo:StaticColumn Name="FileSize" HeaderText="Size" Width="40" />
</Columns>
</eo:Grid>
</eo:SplitterPane>
</eo:splitter>
</LayoutTemplate>
</eo:FileExplorer>



Thanks

Steve Komaromi

Computer Systems Manager, Lead Developer
Business Risk Partners, Inc.
Tel: 1-(860)-903-0039
eo_support
Posted: Thursday, October 15, 2020 3:36:24 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 22,491
Hi,

You can override the page's CreateChildControls method and get the Splitter control there:

Code: C#
protected override void CreateChildControls()
{
   base.CreateChildControls();

   //Get the left splitter
   _leftSplitter = FileExplorer1.FindControl("LeftSplitter");
}


Please let us know if this works for you.

Thanks!
hunpirate
Posted: Thursday, October 15, 2020 3:39:13 PM
Rank: Advanced Member
Groups: Member

Joined: 6/14/2007
Posts: 71
Thank you


Thanks

Steve Komaromi

Computer Systems Manager, Lead Developer
Business Risk Partners, Inc.
Tel: 1-(860)-903-0039


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.