Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
129 views
Hello there,

I have 100% height problem in File Explorer. I tried the solution at below but treeview + splitter + grid have 67 pixel when i check the source of the page...


html, form, body { height: 100%; margin: 0px; }
Guss
Top achievements
Rank 2
Veteran
 answered on 03 Apr 2015
2 answers
197 views
I need help. I need to make the FileExplorer resize it's length and width to match it's parent container.  I attempted to implement the code found here .  The browser cannot interpret the Telerik functions so I consistently get a "is not a function" response from Firebug debugger for .get_grid(), etc..  Why am I getting the error message and how can I accomplish resizing the FileExplorer to it's parent Container?  The FileExplorer is in a panel, which is in the bottom half of another panel which the width of the RadSlidingPane (ID=LSlidingPane @ line 4) can be resized by the client.  The FileExplorer's height needs to resize to the width of the sliding pane onresize and the height of it's container onload.  If this can't be done, I at least need to be able to view the bottom of the FileExplorer.  Presently, I can only view the upper portion and not the bottom horizontal scrollbar.  Any help is greatly appreciated.  Thanks.

001.<telerik:RadSplitter id="RadSplitter1" runat="server" Height="488" Width="767">
002.        <telerik:RadPane id="LPane" runat="server" width="22px" Scrolling="None">
003.            <telerik:RadSlidingZone ID="LSlidingZone" runat="server" Width="22px">
004.                <telerik:RadSlidingPane ID="LSlidingPane" runat="server"
005.                EnableDock="True" EnableResize="True" Scrolling="None" Title="Location"
006.                Width="250px">
007.                    <telerik:RadSplitter ID="Radsplitter3" runat="server" Height="275" Orientation="Horizontal" Width="260">
008.                              <telerik:RadPane ID="LoRadpane" runat="server" Scrolling="None" CssClass="AutoHeight" >  
009.                                  <asp:Panel ID="pnlL" runat="server" >
010.                                        <div ID="DivC" align="center" style="overflow: hidden">
011. 
012.                                                <asp:DropDownList ID="Bdropdwn" runat="server"
013.                                                AutoPostBack="false" Height="25px" Width="200px">
014.                                                </asp:DropDownList>
015. 
016.                                                    <br />
017.                                                    <p />
018.                                                <asp:ListBox ID="RListBox" runat="server" AutoPostBack="false"
019.                                                Height="150px" Width="200px">
020.                                                </asp:ListBox>
021.                                                <br />
022.                                       </div>
023.                                    </asp:Panel>
024.                                </telerik:RadPane>
025.                             <telerik:RadSplitBar id="URadsplitbar" runat="server" CssClass="tab_click">
026.                             </telerik:RadSplitBar>
027.                                 <telerik:RadPane id="URadpane" runat="server">
028.                                     <asp:Panel id="pnlU" runat="server" Height="100px" Width="260px">
029.                                          <div id="layer" align="center" >
030. 
031.                                                                   <p align="center">
032.                                                                   <input id="file" type="file" width="200px" />
033.                                                                   </p>
034.                                              </div>
035.                                        <div id="dvFileExplorer" >
036.                                            <asp:Panel runat="server" ID="pnlFileExplorer" class="dvFileExplorerContent" >
037.                                                 
038.                                                <telerik:RadFileExplorer ID="RadFileExplorer" runat="server"
039.                                                    EnableOpenFile="false"
040.                                                    ExplorerMode="Default" Width="100%" >
041.                                                </telerik:RadFileExplorer>
042. 
043.                                            </asp:Panel>
044.                                        </div>
045.                                      </asp:Panel>
046.                                  </telerik:RadPane>
047.                             </telerik:RadSplitter>
048.                    </telerik:RadSlidingPane>
049. 
050.                <telerik:RadSlidingPane ID="MPane" runat="server" EnableDock="True" EnableResize="True" Title="Message(s)" Height="275" Width="260">
051.                    <div id="AccordionMPane">
052.                    </div>
053.                </telerik:RadSlidingPane>
054.                  <telerik:RadSlidingPane id="EPane" runat="server" EnableDock="True" EnableResize="True" Title="Error(s)" Height="275" Width="260">
055.                    <div id="AccordionEPane">
056.                    </div>
057.                  </telerik:RadSlidingPane>
058.                  <telerik:RadSlidingPane id="SPane" runat="server" EnableDock="True" EnableResize="True" Title="Summary" Height="275" Width="260">
059.                    <div id="AccordianSPane">
060.                    </div>
061.                  </telerik:RadSlidingPane>
062.                 </telerik:RadSlidingZone>
063.        </telerik:RadPane>
064. 
065.      <%--Splitter Bar--%>
066.      <telerik:RadSplitBar id="RadSplitbar1" runat="server">
067.      </telerik:RadSplitBar>
068. 
069.      <%--Main Pane--%>
070.      <telerik:RadPane id="MiddlePane" runat="server" Scrolling="None">
071.               <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
072.                <ContentTemplate>
073.                    <div id="TabDiv" class="tabcontainer" style="margin:0px;border-width:0px; padding:0px;border:none;">
074.                        <ul class="tabs">
075.                            <li><a href="#W#" class="tab-link current">W</a></li>                  
076.                            <li><a href="#S1#" class="tab-link">S1</a></li>                 
077.                            <li><a href="#S2#" class="tab-link">S2</a></li>   
078.                            <li><a href="#S3#"  class="tab-link">S3</a></li>                  
079.                            <li><a href="#R#" class="tab-link">R</a></li>
080.                        </ul>
081.                        <div id="W#" class="tab-content">
082.                        </div>
083.                        <div id="S1#" class="tab-content">
084.                         <div >
085.                         </div>
086.                        </div>
087.                        <div id="S2#" class="tab-content">
088.                         <div >
089.                         </div>
090.                        </div>
091.                        <div id="S3#" class="tab-content">
092.                         <div >
093.                         </div>
094.                        </div>
095.                        <div id="R#" class="tab-content">
096.                         <div >
097.                         </div>
098.                        </div>
099.                    </div>
100.               </ContentTemplate>
101.               </asp:UpdatePanel
102.           </telerik:RadPane>
103.    </telerik:RadSplitter>
Guss
Top achievements
Rank 2
Veteran
 answered on 03 Apr 2015
2 answers
107 views
I've been toying with using this control for a webapp on the iPhone. Since there is no scroll bar for iPhone Safari, I would like to be able to display longer lists in FileTree ExplorerMode. Is there a way to dynamically change the height of the tree that appears? I can set it to an arbitrary longer value, but would prefer that the height autoresize resize itself to the content displayed.

Thanks!
Guss
Top achievements
Rank 2
Veteran
 answered on 03 Apr 2015
2 answers
218 views
What I want to show on my scheduler is each row from 8AM to 6PM, I know how to do that, but, I don't want to show the rows from 2PM to 4PM(example)

I want the next row after 1PM to be 4PM instead of 2PM.

Do you guys know if this is possible?

I hope I made myself clear, thank you.
Ing. Jesus Manuel
Top achievements
Rank 1
 answered on 02 Apr 2015
4 answers
114 views
using version 2014.3.1202

I have the following RadComboBox:

<telerik:RadComboBox runat="server" ID="auto_Section" AutoPostBack="true"
                            AllowCustomText ="false"  Filter="Contains" EmptyMessage="Select Section"
                            DataMember="DisplayString"  DataValueField="ID" DataTextField="DisplayString" 
                            OnSelectedIndexChanged="auto_Section_SelectedIndexChanged" 
                           />
        
When the selected Index changes, the selected value is always returning ""
However, when I remove EmptyMessage="Select Section", it works perfectly.


I tried adding in a default item like so:

<telerik:RadComboBox runat="server" ID="auto_Section" AutoPostBack="true" AppendDataBoundItems="true"
                            AllowCustomText ="false"  Filter="Contains" EmptyMessage="Select Section"
                            DataMember="DisplayString"  DataValueField="ID" DataTextField="DisplayString" 
                            OnSelectedIndexChanged="auto_Section_SelectedIndexChanged" 
                  <Items>
                                <telerik:RadComboBoxItem Text="< Select Section >" Value="-1" />
                  </Items>
</telerik:RadComboBox>

 
 but having AppendDataBoundItems='true' set causes other issues when filtering; the items get appended to the list multiple times.


Does anyone know how to get this to work properly?























jen
Top achievements
Rank 1
 answered on 02 Apr 2015
1 answer
54 views
Hello,

I have a requirement for RadScheduler where on a particular day when all a meeting is to be held, all updates (add/edit/delete) are disabled for that given day. The data bound option can capture the day, but it sets values for the entire control vs. the appointments for that given day. 

Is there a better event to look into.

Thanks
Hristo Valyavicharski
Telerik team
 answered on 02 Apr 2015
1 answer
314 views
Hi,

I have a RadNumericTextBox on page. When I enter value it is displayed in "100,000" format.
But I want it to be displayed in "1,00,000" format.

Please help.

Thanks
Shubhankar
Viktor Tachev
Telerik team
 answered on 02 Apr 2015
1 answer
165 views
I have a radmenu that is supposed to do two things when clicked:

1. Call onClientClick to save radgrid content (batcheditmode) clientside, because radgrid doesnt provide serverside methode :-(
2. Fire itemClick  (postback) to save other content

My problem:

onClientItemClicked / onClientItemClicking prevents that itemClick is fired.

thanks for any help
Ivan Danchev
Telerik team
 answered on 02 Apr 2015
2 answers
118 views
Hi Telerik,

If a grid has detail table, the client grid command is set, the ItemCommand of the detail table will get the incorrect GridDataItem, can you take a look?

<ClientSettings>
   <ClientEvents OnCommand="GridCommand" />
</ClientSettings>

protected void RadGrid1_ItemCommand (object sender, GridCommandEventArgs e)
{
   if (e.CommandName == "RemoveLogin")
   {
      GridDataItem item = (GridDataItem)e.Item;
 
      int deleteKey = Convert.ToInt32 (item["KeyID"].Text);
 
      Label1.Text = item["KeyID"].Text + "<br/>" + item["LoginID"].Text;
 
      //RadGrid1.Rebind ();
   }
}

In following example, click "Remove" button on the row other than the first row in the detail table will get the wrong GridDataItem, the item of first row is always returned.

If the client event is disabled, the ItemCommand will work correctly.

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
   <title></title>
   <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
</head>
<body>
   <form id="form1" runat="server">
   <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
      <Scripts>
         <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
         <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
         <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
      </Scripts>
   </telerik:RadScriptManager>
   <script type="text/javascript">
      function GridCommand(sender, eventArgs)
      {
 
      }
   </script>
   <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
   </telerik:RadAjaxManager>
   <div>
      <telerik:RadGrid ID="RadGrid1" AutoGenerateColumns="False" runat="server" AllowSorting="True" CellSpacing="0" GridLines="None" AllowPaging="True" PageSize="20"
         OnDetailTableDataBind="RadGrid1_DetailTableDataBind" OnItemCommand="RadGrid1_ItemCommand" OnNeedDataSource="RadGrid1_NeedDataSource">
         <SortingSettings EnableSkinSortStyles="false" />
         <ClientSettings>
            <Selecting AllowRowSelect="True" />
            <ClientEvents OnCommand="GridCommand" />
         </ClientSettings>
         <GroupingSettings CaseSensitive="false" />
         <MasterTableView DataKeyNames="MemberID" ClientDataKeyNames="MemberID" AllowFilteringByColumn="True">
            <DetailTables>
               <telerik:GridTableView Name="KeyDetail" Width="100%">
                  <Columns>
                     <telerik:GridBoundColumn DataField="KeyID" ReadOnly="true" HeaderText="Login ID" UniqueName="KeyID" AllowFiltering="false" />
                     <telerik:GridBoundColumn DataField="LoginID" ReadOnly="true" HeaderText="Login" UniqueName="LoginID" AllowFiltering="false" />
                     <telerik:GridBoundColumn DataField="LoginSID" ReadOnly="true" HeaderText="Encrypted SID" UniqueName="LoginSID" AllowFiltering="false" />
                     <telerik:GridButtonColumn UniqueName="RemoveLogin" ButtonType="PushButton" HeaderText="" CommandName="RemoveLogin" Text="Remove" />
                  </Columns>
               </telerik:GridTableView>
            </DetailTables>
            <Columns>
               <telerik:GridBoundColumn DataField="FirstName" ReadOnly="true" HeaderText="First Name" UniqueName="FirstName" ShowFilterIcon="false" AutoPostBackOnFilter="true"
                  CurrentFilterFunction="Contains" />
               <telerik:GridBoundColumn DataField="LastName" ReadOnly="true" HeaderText="Last Name" UniqueName="LastName" ShowFilterIcon="false" AutoPostBackOnFilter="true"
                  CurrentFilterFunction="Contains" />
               <telerik:GridButtonColumn UniqueName="EditLink" ButtonType="PushButton" HeaderText="Edit User" CommandName="EditUser" Text="Edit" />
               <telerik:GridButtonColumn UniqueName="ViewLog" ButtonType="PushButton" HeaderText="View Log" CommandName="ViewLog" Text="Log" />
            </Columns>
            <PagerStyle Mode="NextPrevNumericAndAdvanced" AlwaysVisible="true" />
            <SortExpressions>
               <telerik:GridSortExpression FieldName="userActive" SortOrder="Descending" />
            </SortExpressions>
         </MasterTableView>
      </telerik:RadGrid>
      <p>
         <asp:Label ID="Label1" runat="server" Text="Message"></asp:Label>
      </p>
   </div>
   </form>
</body>
</html>

Default.aspx.cs

using System;
using System.Data;
using Telerik.Web.UI;
 
public partial class Default : System.Web.UI.Page
{
 
   protected void Page_Load (object sender, EventArgs e)
   {
      if (!IsPostBack)
      {
         DataTable masterTable = new DataTable ();
         masterTable.Columns.Add (new DataColumn ("FirstName", Type.GetType ("System.String")));
         masterTable.Columns.Add (new DataColumn ("LastName", Type.GetType ("System.String")));
         masterTable.Columns.Add (new DataColumn ("MemberID", Type.GetType ("System.Int32")));
         masterTable.Columns.Add (new DataColumn ("userActive", Type.GetType ("System.Boolean")));
 
         masterTable.Rows.Add ("John", "Doe", 1, true);
         masterTable.Rows.Add ("Sam", "Smith", 2, false);
         masterTable.Rows.Add ("Mary", "Doe", 3, true);
 
         DataTable detailTable = new DataTable ();
         detailTable.Columns.Add (new DataColumn ("MemberID", Type.GetType ("System.Int32")));
         detailTable.Columns.Add (new DataColumn ("KeyID", Type.GetType ("System.String")));
         detailTable.Columns.Add (new DataColumn ("LoginID", Type.GetType ("System.String")));
         detailTable.Columns.Add (new DataColumn ("LoginSID", Type.GetType ("System.String")));
 
         detailTable.Rows.Add (1, "1001", "Office\\JD", "JohnDoeSID");
         detailTable.Rows.Add (1, "1002", "Home\\JD", "JohnDoeSID2");
         detailTable.Rows.Add (1, "1003", "Home\\JD2", "JohnDoeSID3");
 
         detailTable.Rows.Add (2, "2001", "Office\\SS", "SamSmithSID");
         detailTable.Rows.Add (2, "2002", "Home\\SS", "SamSmithSID2");
 
 
         ViewState["master"] = masterTable;
         ViewState["detail"] = detailTable;
      }
   }
 
   protected void RadGrid1_NeedDataSource (object sender, GridNeedDataSourceEventArgs e)
   {
      RadGrid1.DataSource = (DataTable)ViewState["master"];
   }
 
   protected void RadGrid1_DetailTableDataBind (object sender, GridDetailTableDataBindEventArgs e)
   {
      GridDataItem dataItem = (GridDataItem)e.DetailTableView.ParentItem;
 
      if (e.DetailTableView.Name == "KeyDetail")
      {
         string memberID = dataItem.GetDataKeyValue ("MemberID").ToString ();
 
         DataTable detailTable =(DataTable)ViewState["detail"];
 
         e.DetailTableView.DataSource = detailTable.Select ("MemberID =" + memberID);
      }
   }
 
   protected void RadGrid1_ItemCommand (object sender, GridCommandEventArgs e)
   {
      if (e.CommandName == "RemoveLogin")
      {
         GridDataItem item = (GridDataItem)e.Item;
 
         int deleteKey = Convert.ToInt32 (item["KeyID"].Text);
 
         Label1.Text = item["KeyID"].Text + "<br/>" + item["LoginID"].Text;
 
         //RadGrid1.Rebind ();
      }
   }
}


Charles
Top achievements
Rank 1
 answered on 02 Apr 2015
1 answer
75 views
Hi
I have a grid with a group by expression:

<GroupByExpressions>
<telerik:GridGroupByExpression>
<SelectFields>
<telerik:GridGroupByField FieldAlias="" FieldName="Activity"></telerik:GridGroupByField>

</SelectFields>
<GroupByFields>
<telerik:GridGroupByField FieldName="Activity"></telerik:GridGroupByField>
                </GroupByFields>
</telerik:GridGroupByExpression>
</GroupByExpressions>

Is there an easy way to toggle this via a checkbox?

Andy
Viktor Tachev
Telerik team
 answered on 02 Apr 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?