This is a migrated thread and some comments may be shown as answers.

Toolbar height and grid width

2 Answers 124 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Willem
Top achievements
Rank 1
Willem asked on 06 Apr 2009, 12:24 PM
I am almost done with a nice project but get stuck on 2 things:

1. The toolbar doesnt reach the full height of the screen
2. The grid get to wide so we get unwanted scrollbars

Can somebody have a look at my file?

[code]

<%

@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Title="BIS ID Content Runner for the Web " %>

 

<%

@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

 

<!

 

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

 

 

 

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

 

 

<style type="text/css">

 

 

html, body, form

 

{

 

margin:0px;

 

 

padding:0px;

 

 

height:100%;

 

 

background-image: url(Skins/Default/Common/Default_Top.jpg);

 

 

background-repeat: repeat-x;

 

}

 

</style>

 

 

<link rel="stylesheet" type="text/css" href="/css/bis.css">

 

 

 

 

<script type="text/javascript">

 

 

var ArchiveShowing = ("<%= myCR.ArchiveShowing %>" == "True");

 

 

var OriginalShowing = ("<%= myCR.OriginalShowing %>" == "True");

 

 

</script>

 

 

 

<script type="text/javascript">

 

 

function ShowProfileForm() {

 

window.radopen(

"/Forms/Profile.aspx", "winProfile");

 

 

return false;

 

}

 

 

</script>

 

 

 

<script type="text/javascript">

 

 

function ShowInsertForm(id) {

 

window.radopen(

"/Forms/EditRecord.aspx", "insertForm");

 

 

return false;

 

}

 

 

</script>

 

 

<script type="text/javascript">

 

 

function ShowEditForm(id) {

 

window.radopen(

"/Forms/EditRecord.aspx?ID=" + id, "editForm");

 

 

return false;

 

}

 

</script>

 

 

<script type="text/javascript">

 

 

function ShowHelpForm() {

 

window.radopen(

"Forms/Help.aspx", "winHelp");

 

 

return false;

 

}

 

</script>

 

 

<script type="text/javascript">

 

 

function ShowAboutForm() {

 

window.radopen(

"Forms/About.aspx", "winAbout");

 

 

return false;

 

}

 

</script>

 

 

<script type="text/javascript">

 

 

 

function RefreshGrid() {

 

 

var masterTable = $find("<%= grMain.ClientID %>").get_masterTableView();

 

masterTable.rebind();

}

 

</script>

 

 

<script type="text/javascript">

 

 

function RowSelected(sender, args) {

 

 

var toolBar = $find("<%=tbMain.ClientID %>");

 

 

var grid = $find("grMain");

 

 

var MasterTable = grid.get_masterTableView();

 

 

var SelectedRows = MasterTable.get_selectedItems();

 

 

if (SelectedRows.length > 1) toolBar.findItemByValue("tbWijzig").disable();

 

 

if (SelectedRows.length < 1) toolBar.findItemByValue("tbWijzig").disable();

 

 

if (SelectedRows.length == 1) toolBar.findItemByValue("tbWijzig").enable();

 

toolBar.findItemByValue(

"tbVerwijder").enable();

 

 

if (SelectedRows.length < 1) toolBar.findItemByValue("tbVerwijder").disable()

 

 

if (ArchiveShowing) {

 

toolBar.findItemByValue(

"tbNaarArch").disable();

 

 

if (SelectedRows.length > 0)

 

toolBar.findItemByValue(

"tbNaarOrg").enable();

 

 

if (SelectedRows.length < 1)

 

toolBar.findItemByValue(

"tbNaarOrg").disable();

 

 

}

 

if (OriginalShowing) {

 

toolBar.findItemByValue(

"tbNaarOrg").disable();

 

 

if (SelectedRows.length > 0)

 

toolBar.findItemByValue(

"tbNaarArch").enable();

 

 

if (SelectedRows.length < 1)

 

toolBar.findItemByValue(

"tbNaarArch").disable();

 

 

}

}

 

 

</script>

 

 

</telerik:RadCodeBlock>

 

 

 

</head>

 

 

 

<body class="BODY">

 

 

<form id="FormMain" method="post" runat="server">

 

 

<telerik:RadScriptManager

 

 

ID="ScriptManager"

 

 

runat="server"

 

 

EnableTheming="True">

 

 

</telerik:RadScriptManager>

 

 

 

<telerik:RadAjaxManager

 

 

ID="amMain"

 

 

runat="server" onajaxrequest="amMain_AjaxRequest">

 

 

<AjaxSettings>

 

 

<telerik:AjaxSetting AjaxControlID="amMain">

 

 

<UpdatedControls>

 

 

<telerik:AjaxUpdatedControl ControlID="tbMain" />

 

 

<telerik:AjaxUpdatedControl ControlID="lblKop" />

 

 

<telerik:AjaxUpdatedControl ControlID="grMain" />

 

 

</UpdatedControls>

 

 

</telerik:AjaxSetting>

 

 

<telerik:AjaxSetting AjaxControlID="tbMain">

 

 

<UpdatedControls>

 

 

<telerik:AjaxUpdatedControl ControlID="tbMain" />

 

 

<telerik:AjaxUpdatedControl ControlID="lblKop" />

 

 

<telerik:AjaxUpdatedControl ControlID="grMain" />

 

 

</UpdatedControls>

 

 

</telerik:AjaxSetting>

 

 

<telerik:AjaxSetting AjaxControlID="grMain">

 

 

<UpdatedControls>

 

 

<telerik:AjaxUpdatedControl ControlID="tbMain"/>

 

 

<telerik:AjaxUpdatedControl ControlID="lblKop" />

 

 

<telerik:AjaxUpdatedControl ControlID="grMain" />

 

 

</UpdatedControls>

 

 

</telerik:AjaxSetting>

 

 

</AjaxSettings>

 

 

</telerik:RadAjaxManager>

 

 

 

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server"></telerik:RadStyleSheetManager>

 

 

 

<asp:SqlDataSource

 

 

ID="dsPanelbar"

 

 

runat="server"

 

 

ConnectionString="<%$ ConnectionStrings:ContentRunner %>"

 

 

SelectCommand="SELECT * FROM [q_navbarweb]"

 

 

onselecting="dsPanelbar_Selecting">

 

 

</asp:SqlDataSource>

 

 

 

<asp:SqlDataSource

 

 

ID="dsGrid"

 

 

runat="server"

 

 

ConnectionString="<%$ ConnectionStrings:ContentRunner %>"

 

 

oninit="dsGrid_Init"

 

 

SelectCommand="SELECT * FROM [t_bezoekers]">

 

 

</asp:SqlDataSource>

 

 

 

<div width="100%" border="0px" class=workplace>

 

 

<telerik:RadToolBar

 

 

ID="tbMain"

 

 

style="clear:both"

 

 

Runat="server"

 

 

Width="100%"

 

 

BorderStyle="None"

 

 

BorderWidth="0px"

 

 

onbuttonclick="tbMain_ButtonClick"

 

 

Font-Bold="True"

 

 

Font-Names="Trebuchet MS" Font-Size="12pt">

 

 

<CollapseAnimation

 

 

Type="OutQuint"

 

 

Duration="200">

 

 

</CollapseAnimation>

 

 

<Items>

 

 

<telerik:RadToolBarButton runat="server" value="tbProfiel" Text="Hallo, Gebruiker" CommandName="cmdProfiel"></telerik:RadToolBarButton>

 

 

<telerik:RadToolBarButton runat="server" Text="sep1" IsSeparator="True"></telerik:RadToolBarButton>

 

 

<telerik:RadToolBarButton runat="server" value="tbNieuw" Text="Nieuw" CommandName="cmdNieuw"></telerik:RadToolBarButton>

 

 

<telerik:RadToolBarButton runat="server" value="tbWijzig" Text="Wijzig" CommandName="cmdWijzig"></telerik:RadToolBarButton>

 

 

<telerik:RadToolBarButton runat="server" value="tbVerwijder" Text="Verwijder" CommandName="cmdVerwijder"></telerik:RadToolBarButton>

 

 

<telerik:RadToolBarButton runat="server" Text="sep2" IsSeparator="True"></telerik:RadToolBarButton>

 

 

<telerik:RadToolBarButton runat="server" value="tbNaarOrg" Text="Naar Origineel" CommandName="cmdNaarOrg"></telerik:RadToolBarButton>

 

 

<telerik:RadToolBarButton runat="server" value="tbNaarArch" Text="Naar Archief" CommandName="cmdNaarArch"></telerik:RadToolBarButton>

 

 

<telerik:RadToolBarButton runat="server" IsSeparator="True" Text="sep3"></telerik:RadToolBarButton>

 

 

<telerik:RadToolBarButton runat="server" value="tbShowOrg" Text="Toon Orginelen" CommandName="cmdToonOrg"></telerik:RadToolBarButton>

 

 

<telerik:RadToolBarButton runat="server" value="tbShowArch" Text="Toon Archief" CommandName="cmdToonArch"></telerik:RadToolBarButton>

 

 

<telerik:RadToolBarButton runat="server" Text="sep4" IsSeparator="True"></telerik:RadToolBarButton>

 

 

<telerik:RadToolBarButton runat="server" value="tbLogUit" Text="Log uit" CommandName="cmdLogUit"></telerik:RadToolBarButton>

 

 

<telerik:RadToolBarButton runat="server" value="tbHelp" Text="Help" CommandName="cmdHelp"></telerik:RadToolBarButton>

 

 

<telerik:RadToolBarButton runat="server" value="tbAbout" Text="About" CommandName="cmdAbout"></telerik:RadToolBarButton>

 

 

</Items>

 

 

</telerik:RadToolBar><div style="clear:both"><!-- --></div>

 

 

 

</div>

 

 

<div class=workplace>

 

 

 

<telerik:radsplitter

 

 

id="splMain"

 

 

runat="server"

 

 

height="100%"

 

 

width="100%"

 

 

Skin="Office2007"

 

 

style="clear:both"

 

 

HeightOffset="30">

 

 

<telerik:radpane

 

 

id="LeftPane"

 

 

runat="server"

 

 

width="212">

 

 

<telerik:RadPanelBar

 

 

style="clear:left"

 

 

ID="pbMain"

 

 

Runat="server"

 

 

DataFieldID="ID"

 

 

DataFieldParentID="ParentID"

 

 

DataSourceID="dsPanelbar"

 

 

DataTextField="Text"

 

 

onitemdatabound="pbMain_ItemDataBound"

 

 

width="100%"

 

 

Skin="Outlook"

 

 

CookieName="ContentRunnerPanelBar"

 

 

ExpandMode="FullExpandedItem"

 

 

PersistStateInCookie="True"

 

 

CollapseDelay="200" ExpandDelay="200" onitemclick="pbMain_ItemClick">

 

 

<CollapseAnimation

 

 

Duration="220"

 

 

Type="InOutElastic" />

 

 

<ExpandAnimation

 

 

Duration="220"

 

 

Type="InOutElastic" />

 

 

</telerik:RadPanelBar><div style="clear:both"><!-- --></div>

 

 

</telerik:radpane>

 

 

<telerik:radsplitbar id="RadSplitBar1" runat="server" style="clear:both"></telerik:radsplitbar>

 

 

<telerik:radpane id="MainPane" runat="server" style="clear:both">

 

 

<telerik:RadAjaxPanel

 

 

BackImageUrl="~/Common/Images/AppMain/AppMainToolbarBackGround.jpg"

 

 

style="clear:both"

 

 

ID="apMain"

 

 

runat="server"

 

 

height="32px"

 

 

width="100%">

 

 

<asp:Panel

 

 

ID="Panel3"

 

 

runat="server"

 

 

Height="33px"

 

 

Width="100%"

 

 

BackImageUrl="~/Common/Images/AppMain/AppMainToolbarBackGround3.jpg" CssClass="GridAltRow_Outlook">

 

 

 

 

<asp:Panel

 

 

ID="Panel1"

 

 

runat="server"

 

 

Height="4px"

 

 

Width="100%">

 

 

</asp:Panel>

 

 

 

 

 

<asp:Label

 

 

ID="lblKop"

 

 

runat="server"

 

 

BorderStyle="None"

 

 

BorderWidth="6px"

 

 

Font-Names="Trebuchet MS"

 

 

Font-Size="Medium"

 

 

Text="&amp;nbsp;&amp;nbsp;::BIS ID Content Runner"></asp:Label>

 

 

</asp:Panel>

 

 

</telerik:RadAjaxPanel>

 

 

 

<telerik:RadGrid

 

 

ID="grMain"

 

 

runat="server"

 

 

AllowFilteringByColumn="True"

 

 

AllowPaging="True"

 

 

AllowSorting="True"

 

 

DataSourceID="dsGrid"

 

 

GridLines="None"

 

 

Height="99%"

 

 

Skin="Outlook"

 

 

Width="99%"

 

 

onitemcommand="grMain_ItemCommand"

 

 

onneeddatasource="grMain_NeedDataSource"

 

 

oncolumncreated="grMain_ColumnCreated"

 

 

AllowAutomaticDeletes="True"

 

 

AllowAutomaticInserts="True"

 

 

AllowAutomaticUpdates="True"

 

 

AllowCustomPaging="True"

 

 

onitemdatabound="grMain_ItemDataBound"

 

 

onprerender="grMain_PreRender"

 

 

ShowFooter="True"

 

 

ShowStatusBar="True" PageSize="100" VirtualItemCount="10"

 

 

AllowMultiRowSelection="True"

 

 

onselectedindexchanged="grMain_SelectedIndexChanged">

 

 

<PagerStyle AlwaysVisible="True" EnableSEOPaging="True" />

 

 

<MasterTableView

 

 

DataSourceID="dsGrid"

 

 

allowcustomsorting="True"

 

 

datakeynames="ID"

 

 

CommandItemDisplay="Top">

 

 

<RowIndicatorColumn Visible="False">

 

 

<HeaderStyle Width="20px" />

 

 

</RowIndicatorColumn>

 

 

<ExpandCollapseColumn Resizable="False" Visible="False">

 

 

<HeaderStyle Width="20px" />

 

 

</ExpandCollapseColumn>

 

 

<CommandItemTemplate>

 

 

<img src="Skins/Outlook/Grid/AddRecord.gif" /><a href="#" onclick="return ShowInsertForm();">Nieuw</a>

 

 

<img src="Skins/Outlook/Grid/AddRecord.gif" /><a href="#" onclick="return RefreshGrid(1);">Ververs tabel</a>

 

 

</CommandItemTemplate>

 

 

<Columns>

 

 

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" />

 

 

<telerik:GridButtonColumn

 

 

ButtonType="LinkButton"

 

 

CommandArgument="{0}"

 

 

CommandName="MyEdit"

 

 

HeaderText=""

 

 

Text="Wijzig"

 

 

UniqueName="colEdit">

 

 

</telerik:GridButtonColumn>

 

 

 

<telerik:GridButtonColumn

 

 

ButtonType="LinkButton"

 

 

CommandArgument="{0}"

 

 

CommandName="MyDelete"

 

 

ConfirmText="Wilt u deze regel verwijderen?"

 

 

HeaderText=""

 

 

Text="Verwijder"

 

 

UniqueName="colDelete">

 

 

</telerik:GridButtonColumn>

 

 

</Columns>

 

 

<EditFormSettings>

 

 

<PopUpSettings ScrollBars="None" />

 

 

</EditFormSettings>

 

 

</MasterTableView>

 

 

<ClientSettings

 

 

allowkeyboardnavigation="True">

 

 

<Selecting AllowRowSelect="True" />

 

 

</ClientSettings>

 

 

<FilterMenu EnableTheming="True" Skin="Outlook">

 

 

<CollapseAnimation Duration="200" Type="OutQuint" />

 

 

</FilterMenu>

 

 

</telerik:RadGrid>

 

 

<br />

 

 

</telerik:radpane>

 

 

</telerik:radsplitter>

 

 

<telerik:RadWindowManager

 

 

ID="wmMain"

 

 

runat="server"

 

 

Skin="Default"

 

 

Height="500px"

 

 

Left="50px"

 

 

oninit="wmMain_Init"

 

 

Top="50px"

 

 

Width="700px">

 

 

<Windows>

 

 

<telerik:RadWindow

 

 

ID="winEdit"

 

 

runat="server"

 

 

Height="500px"

 

 

Left="100px"

 

 

NavigateUrl="Forms\EditRecord.aspx"

 

 

style="display:none;"

 

 

Top="100px"

 

 

Width="700px"

 

 

Modal="True"

 

 

Behaviors="Close" BorderWidth="0px">

 

 

</telerik:RadWindow>

 

 

 

<telerik:RadWindow

 

 

ID="winProfile"

 

 

runat="server"

 

 

Left="100px"

 

 

NavigateUrl="Forms\Profile.aspx"

 

 

style="display:none;"

 

 

Top="100px"

 

 

width="400"

 

 

height="256"

 

 

Title="Profile"

 

 

Behaviors="Move"

 

 

Modal="True"

 

 

VisibleStatusbar="False">

 

 

</telerik:RadWindow>

 

 

 

<telerik:RadWindow

 

 

ID="winHelp"

 

 

runat="server"

 

 

Left="100px"

 

 

NavigateUrl="Forms\Help.aspx"

 

 

style="display:none;"

 

 

Top="100px"

 

 

width="400"

 

 

height="256"

 

 

Title="help"

 

 

Behaviors="Close"

 

 

Modal="True"

 

 

VisibleStatusbar="False" Behavior="Close">

 

 

</telerik:RadWindow>

 

 

<telerik:RadWindow

 

 

ID="winAbout"

 

 

runat="server"

 

 

Left="100px"

 

 

NavigateUrl="Forms/About.aspx"

 

 

style="display:none;"

 

 

Top="100px"

 

 

width="400"

 

 

height="256"

 

 

Title="help"

 

 

Behaviors="Close"

 

 

Modal="True"

 

 

VisibleStatusbar="False" Behavior="Close">

 

 

</telerik:RadWindow>

 

 

</Windows>

 

 

</telerik:RadWindowManager>

 

 

</form>

 

</

 

body>

 

</

 

html>

 


[/code]

2 Answers, 1 is accepted

Sort by
0
Atanas Korchev
Telerik team
answered on 07 Apr 2009, 01:40 PM
Hi Willem,

Unfortunately we lack a few resources (images and css file) and we will not be able to reproduce the problem. Could you please open a support ticket and attach a runnable version of your page there? We would then troubleshoot the problem and get back with a solution. Thanks.

Regards,
Albert
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.
0
Willem
Top achievements
Rank 1
answered on 03 Sep 2009, 01:05 PM
Currently the main page of this project is halted by the error "SplitterItemsCollection must contain SplitterItem objects" which is posted in another thread.
Tags
ToolBar
Asked by
Willem
Top achievements
Rank 1
Answers by
Atanas Korchev
Telerik team
Willem
Top achievements
Rank 1
Share this question
or