Toolbar height and grid width

3 posts, 0 answers
  1. Willem
    Willem avatar
    23 posts
    Member since:
    Dec 2007

    Posted 06 Apr 2009 Link to this post

    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. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 07 Apr 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Willem
    Willem avatar
    23 posts
    Member since:
    Dec 2007

    Posted 03 Sep 2009 Link to this post

    Currently the main page of this project is halted by the error "SplitterItemsCollection must contain SplitterItem objects" which is posted in another thread.
Back to Top