I am new to Telerik and pretty new to C# as well. Wanting to build a website that uses the RadPageLayout so it can be responsive.

I thought I would find a sample app that does part of what I need to do, like user login, remember me, user logout, user forgot password, registration, change password, and then build from there. It doesn't look like any of the sample apps do this sort of thing.

Does anyone know of a sample application that I could use to learn Telerik and help with my application that I would like to create? If it used the RadPageLayout as the base, that would be fantastic.

Thanks in advance

Hi, Support

i have a dynamically added repeater to asp Panel control (see the code below)


This is working good, repeater is added to asp Panel. But, when I try to retrieve repeater items, it appears that panel doesn't contain any control.


I am sure that I don't clear panel controls in the code.
What can be the reason of this strange behavior? Thanks in advance!

I am using radgrid filter in which i am performing search operation,when i put text it filters the data but when i put text along with special characters for eg: building[ then filter does not work.

I need to setup progress area for lengthy logic that located in dll outside the page.

Not sure how to approach this.

Please help

I need to setup progress bar for lengthy logic that located in dll outside the page.
Not sure how to approach this.
Please help

using 2014.3.1024.45. I am using a RadGrid with checklist filtering, nothing special. Wen two options from the listbox are checked, the radgrid doesn't filter properly, also when two or more columns are filtered at the same time. here's my markup


and my code behind


can anyone help please. I have been cracking my head with this for 2 hours now with no luck. thanks

I am attempting to create a TreeView with Tri-State Checkboxes. However, I want tri-state checkboxes right down to bottom level of the tree, not just to represent mixed selection of attributes on a parent node. Every node must have the ability to be tri-state. This doesn't seem possible using the built in checkbox capability of the TreeView, so what I've done is use a TreeView Template and embed a RadButton Type=ToggleType with tri-state functionality. As Such:

<telerik:RadTreeView runat="server" ID="RadTreeView1">
        <NodeTemplate>
            <telerik:RadTreeNode Text="<%# DataBinder.Eval(Container.DataItem, "Name") %>">
            <NodeTemplate>
            <telerik:RadButton OnClientCheckedChanged="GetSiblings" ID="RadButton1" runat="server" ToggleType="CustomToggle" ButtonType="ToggleButton" AutoPostBack="false" Text='<%# DataBinder.Eval(Container.DataItem, "Name") %>'>
                <ToggleStates>
                    <telerik:RadButtonToggleState Value="Unchecked" PrimaryIconCssClass="rbToggleCheckbox"></telerik:RadButtonToggleState>
                    <telerik:RadButtonToggleState Value="Default" PrimaryIconCssClass="rbToggleCheckboxFilled"></telerik:RadButtonToggleState>
                    <telerik:RadButtonToggleState Value="Checked" PrimaryIconCssClass="rbToggleCheckboxChecked" Selected="true">    </telerik:RadButtonToggleState>
                </ToggleStates>
            </telerik:RadButton>
            </NodeTemplate>
            </telerik:RadTreeNode>
        </NodeTemplate>
    </telerik:RadTreeView>
<telerik:RadButton ID="Button1" runat="server" OnClick="Button1_Click" Text="Traverse the Tree"></telerik:RadButton>
<div class="module">
   <h2>You have selected the following items:</h2>
   <asp:Label ID="nodesClientside" runat="server" BorderStyle="None" CssClass="text"></asp:Label>
</div>

This has worked just fine so far for the functionality I need. Where I am running into a problem, is trying to manage changing parent checkboxes to match when all children or no children are selected. Obviously if a node has three children and it is selected then I want all the children to match the selected state. Likewise, if any one child node is selected I would like to get all sibling nodes, check if they are all the same state and set the parent node state appropriately.

However, Client Side when the OnClientCheckedChanged event fires for the RadButton within the Node, how do I pass the javascript a reference to the RadTreeNode that the RadButton is contained within? Or even on the backend if i call OnCheckedChanged from the RadButton embedded inside a RadTreeNode, is there a way I can get a reference to that node so that I can use get_parent.get_nodes() or traverse the TreeView to retrieve all sibling nodes for processing? 

I've pasted the complete code files below

Thanks.


Complete Front end ascx file code:
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TreeView.ascx.cs" Inherits="DDW.TreeView" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
    <title>Telerik ASP.NET Example</title>
    <style type="text/css">
        .node-album
        {
            width: 186px;
            height: 35px;
            background: transparent url('images/album.png');
        }
 
        .node-album .band,
        .node-album .album
        {
            margin-left: 37px;
            display:block;
        }
 
        .node-album .band
        {
            font-size: 14px;
        }
        .node-album .album
        {
            color:#871fdf;
            font-size: 11px;
            line-height: 13px;
        }
        .node-album-data 
        {
            width:420px;
        }
        .node-album-data img
        {
            float:left;
            margin-top: 5px;
        }
        .node-album-data .album
        {
            font-size: 18px;
        }
        .node-album-data .album,
        .node-album-data .details
        {
            display:block;
            margin-left: 90px;
        }
 
        .node-album-data .details
        {
            margin-top: 10px;
            white-space:normal;
        }
        .RadTreeView_Default .rtHover span.rtIn
        {
            color: black !important;
            background:none !important;
            border: none !important;
            padding: 2px !important;
        }

        .RadTreeView_Default .rtSelected span.rtIn
        {
            color: black !important;
            background:none !important;
            border: none !important;
            padding: 2px !important;
        }
        .rtToggleCheckboxMixed {
            background: #CCC;
        }
    </style>
    <script type="text/javascript">
        function GetSiblings(textName) {
            var tree = $find("<%= RadTreeView1.ClientID %>");
            var node = tree.findNodeByText(textName);
            var allSiblingNotes = node.get_parent.get_nodes();
            for (var i = 0; i < allSiblingNotes.length; i++) {
                var node = allSiblingNotes[i];
                var CheckBox = node.findControl("RadButton1");
                alert(CheckBox.get_text());
            }
        }
    </script>
</head>
<body>
    <div class="demo-container size-medium">
            <telerik:RadTreeView runat="server" ID="RadTreeView1">
                <NodeTemplate>
                    <telerik:RadTreeNode Text="<%# DataBinder.Eval(Container.DataItem, "Name") %>">
                    <NodeTemplate>
                    <telerik:RadButton OnClientCheckedChanged="GetSiblings" ID="RadButton1" runat="server" ToggleType="CustomToggle" ButtonType="ToggleButton" AutoPostBack="false" Text='<%# DataBinder.Eval(Container.DataItem, "Name") %>'>
                        <ToggleStates>
                            <telerik:RadButtonToggleState Value="Unchecked" PrimaryIconCssClass="rbToggleCheckbox"></telerik:RadButtonToggleState>
                            <telerik:RadButtonToggleState Value="Default" PrimaryIconCssClass="rbToggleCheckboxFilled"></telerik:RadButtonToggleState>
                            <telerik:RadButtonToggleState Value="Checked" PrimaryIconCssClass="rbToggleCheckboxChecked" Selected="true"></telerik:RadButtonToggleState>
                        </ToggleStates>
                    </telerik:RadButton>
                    </NodeTemplate>
                    </telerik:RadTreeNode>
                </NodeTemplate>
            </telerik:RadTreeView>
        <telerik:RadButton ID="Button1" runat="server" OnClick="Button1_Click" Text="Traverse the Tree"></telerik:RadButton>
        <div class="module">
           <h2>You have selected the following items:</h2>
           <asp:Label ID="nodesClientside" runat="server" BorderStyle="None" CssClass="text"></asp:Label>
        </div>

    </div>
</body>
</html>


Backend Code Complete:
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;


namespace DDW
{
    public partial class TreeView : System.Web.UI.UserControl
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                RadTreeView1.DataSource = GetAttributes();

                RadTreeView1.DataFieldID = "ID";
                RadTreeView1.DataFieldParentID = "ParentID";
                //attributesTree.DataTextField = "Name";

                RadTreeView1.DataBind();

            }
        }

        public List<Attribute> GetAttributes()
        {
            List<Attribute> attributesList = new List<Attribute>();

            attributesList.Add(new Attribute(1, null, "Attribute A", "Description for Attribute A", true, false, false));
            attributesList.Add(new Attribute(2, 1, "Attribute A1", "Description for Attribute A1", true, false, false));
            attributesList.Add(new Attribute(3, 1, "Attribute A2", "Description for Attribute A2", false, false, false));
            attributesList.Add(new Attribute(4, 1, "Attribute A3", "Description for Attribute A3", false, false, false));
            attributesList.Add(new Attribute(11, 4, "Attribute A3a", "Description for Attribute A3a", false, false, false));
            attributesList.Add(new Attribute(12, 4, "Attribute A3b", "Description for Attribute A3b", false, false, false));
            attributesList.Add(new Attribute(5, null, "Attribute B", "Description for Attribute B", true, false, true));
            attributesList.Add(new Attribute(6, 5, "Attribute B1", "Description for Attribute B1", true, false, true));
            attributesList.Add(new Attribute(7, 5, "Attribute B2", "Description for Attribute B2", false, false, false));
            attributesList.Add(new Attribute(8, null, "Attribute C", "Description for Attribute C", false, false, false));
            attributesList.Add(new Attribute(9, 8, "Attribute C1", "Description for Attribute C1", false, false, false));
            attributesList.Add(new Attribute(10, 8, "Attribute C2", "Description for Attribute C2", false, false, false));


            return attributesList;

        }
        public class Attribute
        {
            public int ID { get; set; }
            public int? ParentID { get; set; }
            public string Name { get; set; }
            public string Description { get; set; }
            public bool Include { get; set; }
            public bool Exclude { get; set; }
            public bool Default { get; set; }

            public Attribute()
            {

            }

            public Attribute(int id, int? parentID, string name, string description, bool def, bool include, bool exclude)
            {
                ID = id;
                ParentID = parentID;
                Name = name;
                Description = description;
                Default = def;
                Include = include;
                Exclude = exclude;
            }

        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            ShowCheckedNodes(RadTreeView1, nodesClientside);
        }
        private static void ShowCheckedNodes(RadTreeView treeView, Label label)
        {
            string message = string.Empty;
            foreach (RadTreeNode node in treeView.GetAllNodes())
            {
                RadButton CheckBoxState = (RadButton)node.FindControl("RadButton1");
                message += CheckBoxState.Text + ": " + CheckBoxState.ToggleStates[CheckBoxState.SelectedToggleStateIndex].Value + "<br/>";

            }
            label.Text = message;
        }
    }
}

Hi,

I've been trying to link to RadTimePicker together, so when i change the time of one of them the time is adjust properly. I only have a problem and i don't know if its possible to do something about it.

When i change the time to of the first time picker, the result is the time selected should be on the next day.

eg. I select 23h30 on today and the result i want is 00h00 on the next day.

I does change the time on the second RadTimePicker, but it always stays as today.

My question is, is there a way to change the date to the RadTimePicker? I know that there's a RadDateTimePicker but i can't use this control on the page i have right now.

Thx for your help,

Guillaume

I have notice a new problem that I cannot account for.  I have several development boxes.  Two of the three operate using VM's and the third is a honest to god developer box.  On one of those systems the "3rd party" toolbox components are all missing their icons.  By this I mean that all the telerik components appear in the toolbox however non of them have any icon next to  them.   This makes it difficult to find a "radgrid" component and so on.  Everything works however visually it is difficult to quickly find things.  

Programs written previously, or those constructed "today" function without error.  That is to say all the Telerik components appear in the toolbox (albeit without icons), and can be dragged into your program and used in the traditional manner.  Programs compile and deploy without any challenges.

In an effort to resolve this problem I have uninstalled the telerik suite of tools completely.  I have rebooted the box.  I then ran a repair on Visual Studio.  I launched the VS tool using Admin rights and allowed it to reset the toolbox as part of its "initial" load of the studio product.  I then reloaded all the Telerik products and attempted to write a simple "do nothing" program.  As before the toolbox shows all the components however nothing has any icons.

I have tried everything short of nuking everything and starting over.  The only idea I can remotely account for this (and I do not believe this) is that this particular box (and no others) has had a virtual machine run upon it which contained WIndows 10 and Visual Studio 2015.  Notice I said the same physical hardware however different VM's.  Is it possible that I am encountering a "sync" problem where a "cloud" service has settings (from my VS 2015 instance) and they are attempting to merge with my VS 2013 version?  I know TELERIK has a sync of settings option as well as Microsofts Team Foundation server (which I use) also syncs settings.  Again while I am using a different VM, i am on the same physical hardware and same logins.
 
Anyone have any bright ideas for me to try?  Has anyone seen this problem?  I hate to wipe the box entirely to solve an icon problem.

Hi,
I have a telerik radgrid in my page and one of the columns has rad combobox.After I select some value in combobox if page post back happens combo box selected value is not retained.Please help.

Thanks & Regards
Himagiri