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="&nbsp;&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]