I've been trying to resolve an issue with my RadCalendar/Datepicker with Telerik, maybe with bootstrap messing up things.

After upgrading to bootstrap 5 the calendar displays 2 extra caption spaces below the title and below the calendar. How can I remove these caption spaces? I have something simple like this in a row.

<div class='col2'
<telerik:raddatepicker id="1234" mindate:"5/5/5555" calendar-showheaders="false" calendar-tltleformat="mmm yyyy" skin="telirek"
</telerick:raddatepicker>
</div>

  treeView.DataTextField = "Name";
            treeView.DataFieldID = "ID";
            treeView.DataFieldParentID = "ParentID";
            treeView.DataSource = links;
            treeView.DataBind();

I am binding the treeview like this.

I want to get the ID of the node that is selected not Text How do I get that throught javascript

 var destinationNode = args.get_destNode();
   var parentnode=args.get_destNode().get_parent();
   var  parentnodetext=parentnode.get_text();

here I am getting the Text but I want the Id linked to it

I want to have nodes in multi columns.

It seems to me that there is no such settings.  So I use the Content Template.  However, I found that the content template width cannot be set.

How can I set the content template width in code behind? and in aspx?

BTW, it is great if the nodes can be set in multi columns.  It will be nice if it is included in next release.

Thanks.

Alfred

Hi,

How to Get the file path of the file which is uploaded via RadChat ToolBar in ClientSide. I tried with this code and it gives me the only file name.

 <telerik:RadChat runat="server" ID="RadChat1" Skin="Default" RenderMode="Lightweight">
            <ClientEvents OnToolClick="OnToolClick"  OnLoad="onLoad"/>
            <ToolbarSettings Toggleable="true" Animation="true">
                <AnimationSettings>
                    <ExpandSettings Duration="500" Effects="expandVertical fadeIn" />
                    <CollapseSettings Duration="500" Effects="expandVertical fadeIn" />
                </AnimationSettings>
                <ButtonsCollection>
                    <telerik:ChatToolbarButton Name="UploadImage" IconClass="t-icon t-i-image" />
                </ButtonsCollection>
            </ToolbarSettings>
        </telerik:RadChat>
        <telerik:RadAsyncUpload runat="server" DropZones=".RadChat" AllowedFileExtensions=".bmp,.jpg,.jpeg,.png,.gif" CssClass="chat-upload" ID="RadAsyncUpload1" OnClientFileSelected="OnFileSelected">
        </telerik:RadAsyncUpload>

Reference

https://demos.telerik.com/aspnet-ajax/chat/toolbar/defaultcs.aspx

 I am getting the error No property or field 'rEqualTo' exists in type 'DataRowView' when I try and choose either the "GreaterThanOrEqualTo" or the "LessThanOrEqualTo" option in the dropdown.

When I debug my code the FilterExpression looks like be what is below

MainGrid.MasterTableView.FilterExpression = ["TOTAL_AMOUNT_CREDIT"])) > rEqualTo|234

Also the CurrentFilterFunction and the CurrentFilterValue have changed from what I enter.

MainGrid.MasterTableView.Columns[2].CurrentFilterFunction = GridKnownFunction.GreaterThan

MainGrid.MasterTableView.Columns[2].CurrentFilterValue = rEqualTo|234 

Product version 2021.2.616.45 for the below DLLs.

Telerik.Web.UI.Skins.dll

Telerik.Web.UI.dll

Telerik.Web.Device.Detection.dll

Telerik.Web.Design.dll

Where I use version 2021.2.511.40 of the DLLs everything works fine and the

MainGrid.MasterTableView.FilterExpression = ["TOTAL_AMOUNT_CREDIT"])) >= 234 

Is there something I am doing wrong with version 2021.2.616.45 of the below DLLs.

Thanks,

Kevin

I have a page with a few Comboboxes.  Not all of them are required, but the ones that are I would like to make the back ground color yellow.  I see that there is a property for BackColor and InputCssClass.  That all well and good, but the input area is rendered within a <span class="rcbInner">.  If I only change the BackColor and InputCssClass to be yellow the <span> around it is still white.  So what I would like to to do is change the rcbInner only for certain controls.  I have a radcombobox named cbCC_Month so I thought this might work:

        #cbCC_Month rcbInner {
            background-color: yellow !important;
        }

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs"  MasterPageFile="~/MasterPageSingleMenu.Master" Inherits="TelerikWebApp.Test" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server">
        <link href="styles/grid.css" rel="stylesheet" />
     <style>
         .RadGrid_Bootstrap .rgRow>td, .RadGrid_Bootstrap .rgAltRow>td, .RadGrid_Bootstrap .rgEditRow>td, .RadGrid_Bootstrap .rgFooter>td, .RadGrid_Bootstrap .rgFilterRow>td, .RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgResizeCol, .RadGrid_Bootstrap .rgGroupHeader td {
    padding-left: 5px!important;

     </style>
<asp:Label ID="comboLbl" runat="server" Text="Select  to view its Student Details." />


    <telerik:RadComboBox RenderMode="Lightweight" HighlightTemplatedItems="True" Skin="Material" ID="RadComboBox1" runat="server" AutoPostBack="True" DataSourceID="SqlDataSource1"
    DataTextField="ClassroomName" DataValueField="DDLDetailsId" Width="950px"  DropDownCssClass="exampleRadComboBox" Height="150px"
    AppendDataBoundItems="true">
               <DefaultItem Text="Please select " Value="-1"/>

     <HeaderTemplate>

                <ul>
                    <li class="col1">ClassroomName</li>
                    <li class="col2">GradeName</li>
                    <li class="col3">SectionName</li>
                     <li class="col4">TeacherFirstName</li>
                    <li class="col5">TeacherLastName</li>
                </ul>
            </HeaderTemplate>
            <ItemTemplate>
                <ul>
                    <li class="col1">
                        <%# DataBinder.Eval(Container.DataItem, "ClassroomName") %></li>
                    <li class="col2">
                        <%# DataBinder.Eval(Container.DataItem, "GradeName") %></li>
                    <li class="col3">
                        <%# DataBinder.Eval(Container.DataItem, "SectionName") %></li>
                      <li class="col4">
                        <%# DataBinder.Eval(Container.DataItem, "TeacherFirstName") %></li>
                     <li class="col5">
                        <%# DataBinder.Eval(Container.DataItem, "TeacherLastName") %></li>
                </ul>
            </ItemTemplate>
</telerik:RadComboBox>
    <br />
    <br />
<telerik:RadGrid RenderMode="Lightweight" ID="OrdersGrid" AllowPaging="true" DataSourceID="gridSource" runat="server"
OnItemCommand="OrdersGrid_ItemCommand"       GridLines="None" Width="100%" AllowSorting="true"  OnItemDataBound="OrdersGrid_ItemDataBound">
  <MasterTableView CommandItemDisplay="Top" AutoGenerateColumns="False" ShowFooter = "true" 
                AllowFilteringByColumn="true" TableLayout="Fixed" AllowPaging="True"
                DataKeyNames="StudentId" 
                InsertItemPageIndexAction="ShowItemOnFirstPage ">

       <FooterStyle BackColor="#e6e6e6"></FooterStyle>

                <Columns>

                    <telerik:GridBoundColumn DataField="StudentId" HeaderText="StudentId" SortExpression="Name" Display="false"
                        UniqueName="StudentId" >
                        <HeaderStyle />
                    </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="DDLDetailsId" HeaderText="DDLDetailsId" SortExpression="DDLDetailsId" Display="false"
                        UniqueName="DDLDetailsId" >
                        <HeaderStyle />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="StudentFirstName" HeaderText="StudentFirstName" SortExpression="StudentFirstName"
                        UniqueName="StudentFirstName">
                        <HeaderStyle Width="120px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="StudentLastName" HeaderText="StudentLastName" SortExpression="StudentLastName"
                        UniqueName="StudentLastName">
                        <HeaderStyle Width="120px" />
                    </telerik:GridBoundColumn>
                     <telerik:GridBoundColumn DataField="StudentDob" HeaderText="StudentDob" SortExpression="StudentLastName"
                        UniqueName="StudentDob">
                        <HeaderStyle Width="120px" />
                    </telerik:GridBoundColumn>
                     <telerik:GridBoundColumn DataField="ParentName" HeaderText="ParentName" SortExpression="ParentName"
                        UniqueName="ParentName">
                        <HeaderStyle Width="120px" />
                    </telerik:GridBoundColumn>
                       <telerik:GridBoundColumn DataField="StudentGender" HeaderText="Gender" SortExpression="StudentGender"
                        UniqueName="StudentGender">
                        <HeaderStyle Width="120px" />
                    </telerik:GridBoundColumn>

         <telerik:GridBoundColumn DataField="StudentCity" HeaderText="City" SortExpression="StudentCity"
                        UniqueName="StudentCity">
                        <HeaderStyle Width="120px" />
                    </telerik:GridBoundColumn>


                                 <telerik:GridBoundColumn DataField="StudentFee"  HeaderText="Fee" SortExpression="StudentCity"
                  DataType="System.Decimal" Aggregate="Sum" UniqueName="StudentFee">
                        <HeaderStyle Width="120px" />
                    </telerik:GridBoundColumn>


                </Columns>
       <EditFormSettings EditFormType="Template">
                    <FormTemplate>
                        <table id="Table2" cellspacing="2" cellpadding="1" width="100%" border="0" rules="none"
                            style="border-collapse: collapse;">

                            <tr>
                                <td>
                                    <table id="Table3" width="450px" border="0" class="module">
                                        <tr>
                                            <td class="title" style="font-weight: bold;" colspan="2">StudentDetails :</td>
                                        </tr>
                                        <tr>
                                            <td>Select Course
                                            </td>
                                            <td>
                                                <telerik:RadComboBox RenderMode="Lightweight" HighlightTemplatedItems="True" Skin="Material" ID="RadComboBox1" runat="server" AutoPostBack="True" DataSourceID="SqlDataSource1"
    DataTextField="ClassroomName" DataValueField="DDLDetailsId" Width="950px"  DropDownCssClass="exampleRadComboBox" Height="150px"
    AppendDataBoundItems="true">
               <DefaultItem Text="Please select " Value="-1"/>

     <HeaderTemplate>

                <ul>
                    <li class="col1">ClassroomName</li>
                    <li class="col2">GradeName</li>
                    <li class="col3">SectionName</li>
                     <li class="col4">TeacherFirstName</li>
                    <li class="col5">TeacherLastName</li>
                </ul>
            </HeaderTemplate>
            <ItemTemplate>
                <ul>
                    <li class="col1">
                        <%# DataBinder.Eval(Container.DataItem, "ClassroomName") %></li>
                    <li class="col2">
                        <%# DataBinder.Eval(Container.DataItem, "GradeName") %></li>
                    <li class="col3">
                        <%# DataBinder.Eval(Container.DataItem, "SectionName") %></li>
                      <li class="col4">
                        <%# DataBinder.Eval(Container.DataItem, "TeacherFirstName") %></li>
                     <li class="col5">
                        <%# DataBinder.Eval(Container.DataItem, "TeacherLastName") %></li>
                </ul>
            </ItemTemplate>
</telerik:RadComboBox>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>StudentFirstName:
                                            </td>
                                            <td>
                                                  <asp:TextBox DataField="StudentFirstNames" HeaderText="StudentFirstName" SortExpression="StudentFirstName" runat="server"
                        UniqueName="StudentFirstName">

                    </asp:TextBox>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>StudentLastName:
                                            </td>
                                            <td>

                                                  <asp:TextBox DataField="StudentLastNames" HeaderText="StudentLastName" SortExpression="StudentLastName" runat="server"
                        UniqueName="StudentLastName">

                    </asp:TextBox>

                                            </td>
                                        </tr>
                                       <tr>
                                            <td>StudentGender:
                                            </td>
                                            <td>
                                                <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("StudentGender") %>' TabIndex="1">
                                                </asp:TextBox>
                                            </td>
                                        </tr>
                                          <tr>
                                            <td>Birth Date:
                                            </td>
                                            <td>
                                                <telerik:RadDatePicker RenderMode="Lightweight" ID="BirthDatePicker" runat="server" MinDate="1/1/1900" DbSelectedDate='<%# Bind("StudentDob") %>'
                                                    TabIndex="4">
                                                </telerik:RadDatePicker>
                                            </td>
                                        </tr>
                                     <tr>
                                            <td>ParentName:
                                            </td>
                                            <td>
                                                <asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("StudentGender") %>' TabIndex="1">
                                                </asp:TextBox>
                                            </td>
                                        </tr>
                                       <tr>
                                            <td>StudentCity:
                                            </td>
                                            <td>
                                                <asp:TextBox ID="TextBox3" runat="server" Text='<%# Bind("StudentGender") %>' TabIndex="1">
                                                </asp:TextBox>
                                            </td>
                                        </tr>
                                         <tr>
                                            <td>StudentFee:
                                            </td>
                                            <td>
                                                <asp:TextBox ID="TextBox4" runat="server" Text='<%# Bind("StudentGender") %>' TabIndex="1">
                                                </asp:TextBox>
                                            </td>
                                        </tr>
                                    </table>
                                </td>

                            </tr>

                            <tr>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td align="right" colspan="2">
                                    <asp:Button ID="btnUpdate" Text='Insert' 
                                        runat="server" CommandName='PerformInsert'></asp:Button>&nbsp;
                                    <asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False"
                                        CommandName="Cancel"></asp:Button>
                                </td>
                            </tr>
                        </table>
                    </FormTemplate>
                </EditFormSettings>
            </MasterTableView>
</telerik:RadGrid>

 <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT DDLDetails.DDLDetailsId, Classroom.ClassroomName, Grade.GradeName, Section.SectionName, Teacher.TeacherFirstName, Teacher.TeacherLastName
FROM DDLDetails
INNER JOIN Classroom ON Classroom.ClassroomId = DDLDetails.ClassroomId
INNER JOIN Grade ON Grade.GradeId = DDLDetails.GradeId
INNER JOIN Section ON Section.SectionId = DDLDetails.SectionId
INNER JOIN Teacher ON Teacher.TeacherId = DDLDetails.TeacherId"></asp:SqlDataSource>

<asp:SqlDataSource ID="gridSource" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
    SelectCommand="if (@DDLDetailsId <> 0)begin SELECT DISTINCT Student.StudentId, StudentLookup.DDLDetailsId, Student.StudentFirstName, Student.StudentLastName,Student.StudentDob, Student.StudentGender,Student.ParentName, Student.StudentCity, Student.StudentFee FROM StudentLookup INNER JOIN DDLDetails ON DDLDetails.DDLDetailsId = StudentLookup.DDLDetailsId INNER JOIN Student ON Student.StudentId = StudentLookup.StudentId WHERE DDLDetails.DDLDetailsId = @DDLDetailsId end ">
    <SelectParameters>
        <asp:ControlParameter Name="DDLDetailsId" PropertyName="SelectedValue" ControlID="RadComboBox1" />
    </SelectParameters>
</asp:SqlDataSource>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="true" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadComboBox1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="OrdersGrid" LoadingPanelID="AjaxLoadingPanel1" />
                <telerik:AjaxUpdatedControl ControlID="RadComboBox1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
  <script>

  </script>
    </asp:Content>

Aspx,cs