[Solved] DataGrid inside a splitter

[Philippe]

Hi,

I would like to use the RadFileExplorer, but some features are missing (if I don't mistake), such:

• Get the toolbar above the files list only and not above the whole webControl,
• Enable only some specific commands thru the toolbar (New folder, Rename [file or folder], Download [one file or multiple files and directories thru an ZIP file], Delete [file(s) and/or folder(s)], Upload files thru a java applet that is opened in a RadWindow),
• Enable the drag and drop feature from the Files list to the TreeView, (but also thru a FileBrowserContentProvider because our file repository is virtual).

Because of this, I choose to create my own FileExplorer thanks to other Telerik components. But I encountered some problems in the page layout when I put a RadGrid inside a RadSplitter (thru a RadPane of course). Some scroll bars appears in the DIV#RAD_SPLITTER_PANE_CONTENT_RadPaneX tag of the final HTML document (Either with Internet Explorer 7 or with FireFox 3, and my project must work in these environments [and also under IE6)]. I don't understand why an overflow is generated. How can I send you my web page to show you my problem?

Another question. Because of our specific web servers architecture, I would be preferable to access to all ressources thru real files. If I disable embedded scripts, some are still added: the ones of Microsoft I suppose. Do you know how to really dissable all embedded scripts?

<telerik:RadSplitter id="RadSplitter1" __designer:wfdid="w1" Width="1000px" Runat="server" Height="500px" LiveResize="True" SplitBarsSize EnableEmbeddedScripts="True">
  <telerik:RadPane id="RadPane2" __designer:wfdid="w45" Width="203px" Runat="server" MinWidth="150" EnableEmbeddedScripts="True">
    <telerik:RadTreeView id="RadTreeView1" __designer:wfdid="w46" Runat="server" OnClientNodeClicked="onNoeudArboClicked" Skin="Outlook">
      <Nodes>
        <telerik:RadTreeNode runat="server" Text="Root 1" Value="0" ImageUrl="~/img/telerik/root1.gif" Expanded="True" Checkable="False" Selected="True" AllowDrag="False" AllowDrop="False" AllowEdit="False">
          <Nodes>
            <telerik:RadTreeNode runat="server" Text="Folder 1" Value="1" ImageUrl="~/img/telerik/folder.gif" ExpandedImageUrl="~/img/telerik/FolderOpen.gif" SelectedImageUrl="~/img/telerik/FolderOpen.gif" Checkable="False" AllowDrag="False" AllowDrop="False" AllowEdit="False">
            </telerik:RadTreeNode>
            <telerik:RadTreeNode runat="server" Text="Folder 2" Value="2" ImageUrl="~/img/telerik/folder.gif" ExpandedImageUrl="~/img/telerik/FolderOpen.gif" Checkable="False" AllowDrag="False" AllowDrop="False" AllowEdit="False">
            </telerik:RadTreeNode>
            <telerik:RadTreeNode runat="server" Text="Folder 3" Value="3" ImageUrl="~/img/telerik/folder.gif" ExpandedImageUrl="~/img/telerik/FolderOpen.gif" Checkable="False" AllowDrag="False" AllowDrop="False" AllowEdit="False">
            </telerik:RadTreeNode>
          </Nodes>
        </telerik:RadTreeNode>
        <telerik:RadTreeNode runat="server" Text="Root 2" Value="-1" ImageUrl="~/img/telerik/root2.gif" Checkable="False" AllowDrag="False" AllowDrop="False" AllowEdit="False">
        </telerik:RadTreeNode>
      </Nodes>
    </telerik:RadTreeView>
  </telerik:RadPane>
  <telerik:RadSplitBar id="RadSplitBar1" __designer:wfdid="w47" Runat="server" CollapseMode="Both" EnableEmbeddedScripts="True">
  </telerik:RadSplitBar>
    <telerik:RadPane id="RadPane4" __designer:wfdid="w48" Width Runat="server" EnableEmbeddedScripts="True">
      <telerik:RadGrid id="RadGrid1" runat="server" __designer:wfdid="w49" Width="100%" Height="100%" Skin="Vista" ShowStatusBar="True" AllowMultiRowSelection="True" ShowGroupPanel="False" AllowSorting="True" GridLines="None" OnNeedDataSource="RadGrid1_NeedDataSource">
    
      <MasterTableView CommandItemDisplay="Top" CellSpacing="-1">
        <CommandItemTemplate>
          <telerik:RadToolBar id="RadToolBar12" __designer:wfdid="w38" Runat="server" Skin="Vista" AppendDataBoundItems="True" EnableEmbeddedScripts="True">
            <Items>
              <telerik:RadToolBarButton runat="server" CheckedImageUrl="~/img/telerik/NewFolderH.gif" Text="New Folder" ImageUrl="~/img/telerik/NewFolder.gif" HoveredImageUrl="~/img/telerik/NewFolderH.gif" ClickedImageUrl="~/img/telerik/NewFolderH.gif" DisabledImageUrl="~/img/telerik/NewFolder.gif" FocusedImageUrl="~/img/telerik/NewFolderH.gif"></telerik:RadToolBarButton>
              <telerik:RadToolBarButton runat="server" CheckedImageUrl="~/img/telerik/RenameH.gif" Text="Rename" ImageUrl="~/img/telerik/Rename.gif" HoveredImageUrl="~/img/telerik/RenameH.gif" ClickedImageUrl="~/img/telerik/RenameH.gif" DisabledImageUrl="~/img/telerik/RenameX.gif" FocusedImageUrl="~/img/telerik/RenameH.gif" Enabled="False"></telerik:RadToolBarButton>
              <telerik:RadToolBarButton runat="server" CheckedImageUrl="~/img/telerik/DeleteH.gif" Text="Delete" ImageUrl="~/img/telerik/Delete.gif" HoveredImageUrl="~/img/telerik/DeleteH.gif" ClickedImageUrl="~/img/telerik/DeleteH.gif" DisabledImageUrl="~/img/telerik/DeleteX.gif" FocusedImageUrl="~/img/telerik/DeleteH.gif"></telerik:RadToolBarButton>
              <telerik:RadToolBarButton runat="server" CheckedImageUrl="~/img/telerik/DownloadH.gif" Text="Download" ImageUrl="~/img/telerik/Download.gif" HoveredImageUrl="~/img/telerik/DownloadH.gif" ClickedImageUrl="~/img/telerik/DownloadH.gif" DisabledImageUrl="~/img/telerik/DownloadX.gif" FocusedImageUrl="~/img/telerik/DownloadH.gif"></telerik:RadToolBarButton>
              <telerik:RadToolBarButton runat="server" CheckedImageUrl="~/img/telerik/UploadH.gif" Text="Upload" ImageUrl="~/img/telerik/Upload.gif" HoveredImageUrl="~/img/telerik/UploadH.gif" ClickedImageUrl="~/img/telerik/UploadH.gif" DisabledImageUrl="~/img/telerik/Upload.gif" FocusedImageUrl="~/img/telerik/UploadH.gif"></telerik:RadToolBarButton>
           </Items>
         </telerik:RadToolBar>
        </CommandItemTemplate>
      </MasterTableView>

      <ClientSettings>
        <Selecting AllowRowSelect="True"></Selecting>
        <Scrolling AllowScroll="True" UseStaticHeaders="True"></Scrolling>
      </ClientSettings>
    
    </telerik:RadGrid>
  </telerik:RadPane>
</telerik:RadSplitter>

[Dimo]

Hello Philippe,

The RadPane's scrollbars appear because RadGrid has a border and you probably have set Width="100%" (or no width, which is the same) to the RadGrid. The solution is to remove the borders:

<telerik:RadGrid  style="border:0;outline:none"   />

As for the MS scripts, you can disable them by setting EnablePartialRendering="false" to the ScriptManager, however, this will stop the client object initialization of all RadControls, so it is not recommended.


Regards,
Dimo
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[Philippe]

OK, thank you very much for your quick answer.

Have a nice end of week!