I have two RadButtons in a FooterTemplate of a RadGrid. The RadGrid has the Metro skin.

Both buttons showed the 'Default' skin appearance, which is the desired effect, despite not having their Skin="Default" attribute set.  I thought they would inherit the Metro skin, but I was mistaken.

However, when I changed one of the button types to LinkButton the button shows a Metro-like skin (see attached image).  How do I get the link button to have the Default skin appearance?  Setting Skin="Default" does not do the trick. 

 

Hi,

I'm attempting to filter a grid on a field that contains a file name and path.  It appears that radgrid does not like filter strings that use the backslash (\) character.  I have found a workaround (see code below) that intercepts the filter, escapes any backslash characters, and then aplies the filter.  The code appears to work in that the filter is correctly applied.  But for some reason, the text in the filter radtextbox gets cleared when the grid refreshes to apply the filter. 

Is there a way to prevent the text box from being cleared?

Or alternately...is there a way to replace the text after the grid gets refreshed?

Below is the filter template, including the javascript codeblock, that applies the filter.

<telerik:GridTemplateColumn

UniqueName="Include"

DataField="Include"

SortExpression="Include"

HeaderText="Include"

HeaderStyle-Width="200px"

ShowFilterIcon="false"

FilterControlWidth="95%"

CurrentFilterFunction="Contains"

AutoPostBackOnFilter="true"

>

<EditItemTemplate>

<asp:textbox ID="txtInclude" runat="server" width="190px" Text='<%#Eval("Include")%>' />

<script type="text/javascript">

registeredElements.push('<%# Container.FindControl("txtInclude").ClientID %>');

</script>

</EditItemTemplate>

<ItemTemplate>

<div class="WordWrap" style="width:190px">

<asp:label ID="lblInclude" runat="server" CssClass="WordWrap" Text='<%#Eval("Include")%>' />

</div>

</ItemTemplate>

<FilterTemplate>

<telerik:RadTextBox ID="txtIncludeFileFilter" Width="100%" runat="server" >

<ClientEvents OnBlur="IncludeFileFilterChanged" />

</telerik:RadTextBox>

<telerik:RadScriptBlock ID="RadScriptBlock4" runat="server">

<script type="text/javascript">

function IncludeFileFilterChanged(sender, eventArgs) {

var filterValue = "";

var filterFunction = "NoFilter";

var s = sender.get_value();

if (s != "") {

filterValue = s.replace("\\", "\\\\");

var filterFunction = "Contains";

}

var tableView = $find("<%# TryCast(Container, GridItem).OwnerTableView.ClientID %>");

tableView.filter("Include", filterValue, filterFunction);

}

</script>

</telerik:RadScriptBlock>

</FilterTemplate>

</telerik:GridTemplateColumn >

I have a problem displaying large data, when i'm scroll to the right the data displays
a little sliding to the left, please see picture below



but when I slide a little to the left  the data appear correctly



Please help me...

Thanks

Hi,

Since i install IE11, the header context menu don't check column on this menu. See attachment with printScreen with IE11 et chrome.

ty

Hi, I have a RadGrid that is basically copied from the Batch Editing demo (FYI, I'm a Telerik newbie). Functionally it all works great and I was pleased with how quickly I was able to convert the demo to suit me needs. However, I have one small issue with the GridTextBoxColumnEditor control width. No matter what I try to set in the aspx code, the text box width is resolutely fixed at what looks to be 100px-150px.
In the code sample I've included below, the textbox width is set to 200px. I can change this to 2px or 2000px or just delete the line altogether. It makes no difference. Could anyone help please?

Hi

I am able to bind resource combobox in radscheduler, i want to set default selected index, by default null value is coming in that 

I don't want null value, i want to put selected index 1 so that by default i can have some value in that.

Thank & Regards
--------------------------
Ashok k

Hi Support

I have a radtilelist control with content template tiles bound to an sql datasource. Everything works fine except being unable to add settings for peek template. I cant find the settings in intellisense. I want to display template for 2 seconds on mouse over after mouse out.  I need some help.

Thanks
Karl

I have this Radgrid:

since a subgrid was added I am unable to make the filter working. Any help will be appreciated.
What should I do /change to make the filter working again?

Hi,
I need to set the Pivot grid PivotGridRowField header as same like PivotGridColumnField.
the Pivot grid both Row header and column header should be uniform.
Each rowfield header should have border shame like Colum filed header.

2) I want to export the Pivot grid it works fine but i need the Pivot grid row header should be added in export as column header.

Hi,

I'm trying to implement your "Creating Appointments with Drag-and-drop" example (see code below), but I'm having the following problems:

1. At the beginning the program crashes because 

DataKeyField, DataSubjectField, DataStartField and DataEndField are required for databinding

I've added the following properties to the RadScheduler:
DataKeyField="ID" DataSubjectField="Subject" DataStartField="Start" DataEndField="End"

2. I can add items from the tree view to the scheduler, but when moving these items to another time or dragging them to change the duration, items will return to the original position.

3. When using the advanced form to insert an appointment, program is crashing with the following JavaScript runtime error:
JavaScript runtime error: Unable to get property 'findItemByText' of undefined or null reference

Hopefully someone can help me with this.....

Thanks,
Egbert

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"

    CodeFile="Test.aspx.cs" Inherits="Test" %>

 

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

 

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

 <style type="text/css">

        .divRadios

        {

            margin-bottom: 15px;

        }

        .background

        {

            background: url("arrows.png") no-repeat scroll 0 0 transparent;

            padding: 115px 0 0 0px;

            margin-left: 45px;

        }

          

        #RadTreeView1

        {

            margin-bottom: 15px;

        }

        .divTree

        {

            float: left;

            width: 315px;

              

        }

        .schedulerPositioning

        {

            width: 960px;

            float: left;

            display: block;

        }

    </style></asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

    <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" EnableAJAX="true">

        <AjaxSettings>

            <telerik:AjaxSetting AjaxControlID="RadScheduler1">

                <UpdatedControls>

                    <telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1">

                    </telerik:AjaxUpdatedControl>

                </UpdatedControls>

            </telerik:AjaxSetting>

        </AjaxSettings>

    </telerik:RadAjaxManager>

    <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1">

    </telerik:RadAjaxLoadingPanel>

    <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

        <script type="text/javascript">

                //<![CDATA[

            //Shows whether an Appointment is inserted directly, or the

            //the Advanced Insert Form is opened when TreeView node is dropped on the Scheduler.

            var directlyInsertAppointment = true;

 

            function pageLoad() {

                $telerik.$('#<%=RadioButtonListChooseInsert.ClientID %>').click(radioButtonListChooseInsert_click);

            }

 

            function radioButtonListChooseInsert_click(radioButtonList) {

                //Gets the currently selected item of the RadioButtonList.

                var selectedItemValue = $telerik.$('#<%=RadioButtonListChooseInsert.ClientID %> input[type=radio]:checked').val();

 

                if (selectedItemValue == "DirectInsert") {

                    directlyInsertAppointment = true;

                } else {

                    directlyInsertAppointment = false;

                }

            }

 

            function nodeDropping(sender, eventArgs) {

                var htmlElement = eventArgs.get_htmlElement();

                var scheduler = $find('<%= RadScheduler1.ClientID %>');

 

                if (isPartOfSchedulerAppointmentArea(htmlElement)) {

                    //Gets the TimeSlot where an Appointment is dropped.

                    var timeSlot = scheduler.get_activeModel().getTimeSlotFromDomElement(htmlElement);

                    var startTime = timeSlot.get_startTime();

                    var endTime = new Date(startTime);

 

                    //Gets all the data needed for the an Appointment, from the TreeView node.

                    var node = eventArgs.get_sourceNode();

                    var text = node.get_text();

                    var attributes = node.get_attributes();

                    var duration = attributes.getAttribute("Duration");

                    endTime.setMinutes(endTime.getMinutes() + parseInt(duration));

                    var speaker = attributes.getAttribute("Speaker");

                    var parentValue = node.get_parent().get_value();

                    var category = scheduler.get_resources().getResourceByTypeAndKey("Category", parentValue);

 

                    //New appointment is created. The start/end time, subject and category are set.

                    var newAppointment = new Telerik.Web.UI.SchedulerAppointment();

                    newAppointment.set_start(startTime);

                    newAppointment.set_end(endTime);

                    newAppointment.set_subject(text + " (by " + speaker + ")");

                    if (category != null) {

                        newAppointment.get_resources().add(category);

                    }

 

                    //Checks for the user's choice of the method for inserting Appointments.

                    if (directlyInsertAppointment) {

                        scheduler.insertAppointment(newAppointment);

                    } else {

                        //If Advanced Form is opened, the information from the TreeVew node is stored in a hidden input.

                        var appointmentInfo = { subject: text, duration: duration, speaker: speaker, category: category };

                        var appointmentInfoSerialized = Sys.Serialization.JavaScriptSerializer.serialize(appointmentInfo);

                        $get("<%=HiddenInputAppointmentInfo.ClientID%>").value = appointmentInfoSerialized;

                        scheduler.showInsertFormAt(timeSlot);

                    }

                }

                else {

                    //The node was dropped elsewhere on the document.

                    eventArgs.set_cancel(true);

                }

            }

 

            function isPartOfSchedulerAppointmentArea(htmlElement) {

                // Determines if an HTML element is part of the scheduler appointment area.

                // This can be either the rsContent or the rsAllDay div (in day and week view).

                return $telerik.$(htmlElement).parents().is("div.rsAllDay") ||

                            $telerik.$(htmlElement).parents().is("div.rsContent")

            }

 

            function formCreated(scheduler, args) {

                var mode = args.get_mode();

                if (mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert ||

                         mode == Telerik.Web.UI.SchedulerFormMode.AdvancedEdit) {

                    //Gets the value from the hidden input, and populates the Appointment's data from it.

                    if ($get("<%=HiddenInputAppointmentInfo.ClientID%>").value != "") {

                        var hiddenInputValue = Sys.Serialization.JavaScriptSerializer.deserialize($get("<%=HiddenInputAppointmentInfo.ClientID%>").value);

                        if (hiddenInputValue) {

                            var subjectObject = $find('<%= RadScheduler1.ClientID %>' + "_Form_Subject");

                            subjectObject.set_value(hiddenInputValue.subject + " (by " + hiddenInputValue.speaker + ")");

 

                            var startTime = $find('<%= RadScheduler1.ClientID %>' + "_Form_StartTime").get_selectedDate();

                            var endTime = new Date(startTime.setMinutes(startTime.getMinutes() + parseInt(hiddenInputValue.duration)));

                            $find('<%= RadScheduler1.ClientID %>' + "_Form_EndTime").set_selectedDate(endTime);

 

                            $find('<%= RadScheduler1.ClientID %>' + "_Form_ResCategory").findItemByText(hiddenInputValue.category._text).select();

                        }

                    }

                }

            }

 

            //ToolTip events.

            //The  ToolTip is activated on Appointment's click.

            function appointmentClick(sender, args) {

                var apt = args.get_appointment();

                showTooltip(apt);

            }

 

            //The ToolTip contains: start/end time, subject and category for the clicked Appointment.

            function showTooltip(apt) {

                var tooltip = $find('<%=RadToolTip1.ClientID %>');

                tooltip.set_targetControl(apt.get_element());

                $get("startTime").innerHTML = "<strong>Starts on: </strong>" + apt.get_start().format("MM/dd/yyyy HH:mm");

                $get("endTime").innerHTML = "<strong>Ends on: </strong>" + apt.get_end().format("MM/dd/yyyy HH:mm");

                $get("subject").innerHTML = "<strong>Subject: </strong>" + apt.get_subject();

                $get("category").innerHTML = "<strong>Category: </strong>" + apt.get_resources().getResourceByType("Category").get_text();

                tooltip.set_text($get("contentContainer").innerHTML);

                setTimeout(function () {

                    tooltip.show();

                }, 20);

            }

 

            function hideTooltip() {

                setTimeout(function () {

                    var activeTooltip = Telerik.Web.UI.RadToolTip.getCurrent();

                    if (activeTooltip)

                    { activeTooltip.hide(); }

                }, 50);

            }

 

            function appointmentMoving(sender, args) {

                hideTooltip();

            }

               //]]>

        </script>

    </telerik:RadScriptBlock>

    <div>

        <div class="divRadios">

            <span><strong>Choose a Method to Insert an Appointment</strong></span>

            <asp:RadioButtonList ID="RadioButtonListChooseInsert" runat="server" RepeatDirection="Vertical">

                <asp:ListItem Text="Directly insert an appointment" Value="DirectInsert" Selected="true"></asp:ListItem>

                <asp:ListItem Text="Use advanced form to insert an appointment" Value="AdvancedInsert"></asp:ListItem>

            </asp:RadioButtonList>

        </div>

        <div class="background">

        </div>

        <div class="divTree">

            <span><strong>Drag a Node to the Scheduler</strong></span>

            <telerik:RadTreeView ID="RadTreeView1" runat="server" EnableDragAndDrop="True" Width="340px"

                OnClientNodeDropping="nodeDropping">

                <Nodes>

                    <telerik:RadTreeNode Value="1" Text="Technology" AllowDrag="false" Expanded="true">

                        <Nodes>

                            <telerik:RadTreeNode Text="A prosthetic arm that 'feels'" Speaker="Todd Kuiken" Duration="90" />

                            <telerik:RadTreeNode Text="Wireless data from every light bulb" Speaker="Harald Haas"

                                Duration="50" />

                            <telerik:RadTreeNode Text="Beware conflicts of interest" Speaker="Dan Ariely" Duration="60" />

                            <telerik:RadTreeNode Text="Can we make things that make themselves?" Speaker="Skylar Tibbits"

                                Duration="40" />

                        </Nodes>

                    </telerik:RadTreeNode>

                    <telerik:RadTreeNode Value="2" Text="Science" AllowDrag="false">

                        <Nodes>

                            <telerik:RadTreeNode Text="Finding life we can't imagine" Speaker="Christoph Adami"

                                Duration="70">

                            </telerik:RadTreeNode>

                            <telerik:RadTreeNode Text="The real reason for brains" Speaker="Daniel Wolpert" Duration="80">

                            </telerik:RadTreeNode>

                            <telerik:RadTreeNode Text="Making matter come alive" Speaker="Lee Cronin" Duration="90">

                            </telerik:RadTreeNode>

                            <telerik:RadTreeNode Text="Finding planets around other stars" Speaker="Lucianne Walkowicz"

                                Duration="50">

                            </telerik:RadTreeNode>

                        </Nodes>

                    </telerik:RadTreeNode>

                    <telerik:RadTreeNode Value="3" Text="Business" AllowDrag="false">

                        <Nodes>

                            <telerik:RadTreeNode Text="3 things I learned while my plane crashed" Speaker="Ric Elias"

                                Duration="70">

                            </telerik:RadTreeNode>

                            <telerik:RadTreeNode Text="The surprising math of cities and corporations" Speaker="Geoffrey West"

                                Duration="60">

                            </telerik:RadTreeNode>

                            <telerik:RadTreeNode Text="How the market can keep streams flowing" Speaker="Rob Harmon"

                                Duration="50">

                            </telerik:RadTreeNode>

                            <telerik:RadTreeNode Text="How to use experts -- and when not to" Speaker="Noreena Hertz"

                                Duration="90">

                            </telerik:RadTreeNode>

                        </Nodes>

                    </telerik:RadTreeNode>

                    <telerik:RadTreeNode Value="4" Text="Entertainment" AllowDrag="false">

                        <Nodes>

                            <telerik:RadTreeNode Text="On being just crazy enough" Speaker="Joshua Walters" Duration="70">

                            </telerik:RadTreeNode>

                            <telerik:RadTreeNode Text="A flirtatious aria" Speaker="Danielle de Niese" Duration="60">

                            </telerik:RadTreeNode>

                            <telerik:RadTreeNode Text="A history of the universe in sound" Speaker="Honor Harger"

                                Duration="80">

                            </telerik:RadTreeNode>

                            <telerik:RadTreeNode Text="The magic of truth and lies (and iPods)" Speaker="Marko Tempest"

                                Duration="50">

                            </telerik:RadTreeNode>

                        </Nodes>

                    </telerik:RadTreeNode>

                    <telerik:RadTreeNode Value="5" Text="Global Issues" AllowDrag="false">

                        <Nodes>

                            <telerik:RadTreeNode Text="We can recycle plastic" Speaker="Mike Biddle" Duration="50">

                            </telerik:RadTreeNode>

                            <telerik:RadTreeNode Text="Learning from a barefoot movement" Speaker="Bunker Roy"

                                Duration="40">

                            </telerik:RadTreeNode>

                            <telerik:RadTreeNode Text="How the economic inequality harms societies" Speaker="Rickard Wilkinson"

                                Duration="70">

                            </telerik:RadTreeNode>

                            <telerik:RadTreeNode Text="Ending hunger now" Speaker="Josette Sheeran" Duration="30">

                            </telerik:RadTreeNode>

                        </Nodes>

                    </telerik:RadTreeNode>

                </Nodes>

                <CollapseAnimation Duration="100" Type="OutQuint" />

                <ExpandAnimation Duration="100" />

            </telerik:RadTreeView>

        </div>

        <div class="schedulerPositioning">

            <telerik:RadAjaxPanel ID="RadAjaxPanel" runat="server">

                <telerik:RadScheduler runat="server" ID="RadScheduler1" StartInsertingInAdvancedForm="true"

                            DataKeyField="ID" DataSubjectField="Subject" DataStartField="Start" DataEndField="End"

                    OnClientAppointmentClick="appointmentClick" OnClientAppointmentMoving="appointmentMoving"

                    OnClientFormCreated="formCreated" EnableDescriptionField="true" OverflowBehavior="Auto">

                    <AdvancedForm Modal="true"></AdvancedForm>

                </telerik:RadScheduler>

                <input id="HiddenInputAppointmentInfo" name="HiddenInputAppointmentInfo" type="hidden"

                    runat="server">

            </telerik:RadAjaxPanel>

            <telerik:RadToolTip ID="RadToolTip1" runat="server" RelativeTo="Element" Position="BottomCenter"

                AutoCloseDelay="0" ShowEvent="FromCode" Width="250px">

                <div id="contentContainer">

                    <div id="startTime">

                    </div>

                    <div id="endTime">

                    </div>

                    <div id="subject">

                    </div>

                    <div id="category">

                    </div>

                </div>

            </telerik:RadToolTip>

        </div>

    </div></asp:Content>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

 

public partial class Test : System.Web.UI.Page

{

    private const string ProviderSessionKey = "Telerik.Web.Examples.Scheduler.XmlSchedulerProvider.DefaultCS";

     

    protected void Page_Load(object sender, EventArgs e)

    {

        if (Session.Count == 0 || Session["Login"] == null || Session["Login"].ToString() == "No")

        {

            Response.Redirect("Login.aspx");

        }

    }

}