Questions on UI for ASP.NET AJAX Forum

1 answer

361 views

Using CAPTCHA with asp.net login control

Hello,
Is there any code samples available for using the CAPTCHA control with the .net login control?

Thank you,

Documentation and Tutorials

answered on 31 Jul 2012

1 answer

102 views

ToolBar / RadGrid CommandItem - Vertical

Is it possible to make the radgrid command item toolbar seen here vertical along the left hand edge of the grid?

http://demos.telerik.com/aspnet-ajax/toolbar/examples/applicationscenarios/gridcommanditem/defaultcs.aspx?product=toolbar

ToolBar

answered on 31 Jul 2012

1 answer

315 views

Get sortExpression on client side

Hello Community,

I have a problem with the radGrid from Q3/2011 Version. On client Java script I have to get the actual sort expression of the grid. As the documentation stated, I used the following code:

var grid = $find ( ... gridClientId... )

// Grid is found, so get the sort expression

var masterTableView = grid.get_masterTableView();

var sortExpressions = masterTableView.get_sortExpressions();

But sortExpression is always empty even if my grid is definitely sorted by one column.

In the documentation I found the Note: The RadGrid get_sortExpressions() property is meaningful only in case the RadGrid control is bound client-side.

This I interpret, that, if the grids data is not bound from client side, I cannot get the sort expression this way.

My grid is bound to an ObjectDataSource. So how can I get the sortExpression?

Greetings
Thomas

Grid

answered on 31 Jul 2012

5 answers

126 views

Using Telerik RadControls in Sharepoint

Hello,

Is it possible to use the telerik radcontrols through an empty Sharepoint project?
I tried the following steps:

http://www.telerik.com/help/aspnet-ajax/moss-deploying-radcontrols.html

And added the controls to the toolbox but they are grayed out. I cannot use them.

Please advise.

Thanks,
CG

General Discussions

answered on 31 Jul 2012

5 answers

201 views

Radcombobox in radgrid

I am using a column template with a radcombobox in a radgrid column, however, when the grid renders, the combobox does not show the dropdown button and it appears to grow in width when selected with a mouse click.

If I use the developer tools in the browser, I can see the width of the combobox is set to 100%, however, it appears to overflow the cell into the adjacent cell. If I set the width of the combobox to a fixed width, say 150px, it shows as expected within the grid, however, I really need the combobox to grow and shrink with the cell width.

It there a workaround?

ComboBox

answered on 31 Jul 2012

3 answers

87 views

When i click on RadMenuItem, the child items in the RadMenuItem opens as a dropdown, when i hover on one of the child item, the parent window should be darkened?

I have a telerik RadMenuItem
<telerik:RadMenuItem runat="server" Text="SOLUTIONS" >
                  <Items>
                          <telerik:RadMenuItem runat="server" CssClass="aspnet-ajax">
                               <ItemTemplate>
                                       <table>
                                           <tr>
                                               <td>
                                               <a href="/Solutions/DisasterRecovery/Overview/Pages/BrandTier2Test.aspx">
                                               <img alt="disaster recovery" src="/PublishingImages/dr.gif" onmouseover="this.src='/PublishingImages/dron.gif'" onmouseout="this.src='/PublishingImages/dr.gif'"/>
                                                </a>
                                               </td>
                                               <td>
                                               <a href="/Solutions/DisasterRecovery/Overview/Pages/BrandTier2Test.aspx">
                                               <img alt="disaster recovery" src="/PublishingImages/dr.gif" /></a>
                                               </td>
                                           </tr>
                                         </table>
                                   <Item Template>
                           </telerik:RadMenuItem>
                      </Items>
<telerik:RadMenuItem>

When i click on "SOLUTIONS" the child RadMenuItem dropdown opens when i hover on one of the them the parent window should be darkened..
Can someone know me how to achieve this?

Thanks,
Maruthi

Menu

answered on 31 Jul 2012

27 answers

565 views

RadEditor toolbars not working when use RadWindow as the container

I use RadControls Q3 2009 which RadWindow have a new feature "Use as controls container".
I put RadEditor in RadWindow's ControlTemplate and found that all RadEditor toolbars not working anymore.
But I can type in it and chage to others mode (Design, Html).

This is the example code.

-----

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <telerik:RadWindow ID="radWindow" runat="server" Title="Edit Text" VisibleOnPageLoad="true" Width="800px" Height="700px"
     Modal="true" >
    <ContentTemplate>
        <center>
            <br />
            <asp:Label ID="lblTextEditorHead1" runat="server" Font-Bold="True" Font-Size="Large">Edit Text</asp:Label>
                <br />
                <br />
                <telerik:RadEditor ID="radEditor" Runat="server" Height="350px" Width="656px"
                    EnableViewState="True">
                    <Content></Content>
                </telerik:RadEditor>
            <br />
            <br />
            <asp:ImageButton ID="btnTextEditorOk" runat="server" ImageUrl="~/images/btn_ok.png" CausesValidation="false" />
            
            <asp:ImageButton ID="btnTextEditorCancel" runat="server" ImageUrl="~/images/btn_cancel.png" CausesValidation="false" />
            <br />
            <br />
            </center>
    </ContentTemplate>
    </telerik:RadWindow>
    </form>
</body>
</html>
-----

I want to make RadEditor modal popup in the same page so I try to use this new feature.
Is there any solution to correct this? If not then I will try RadToolTip instead.

Window

answered on 31 Jul 2012

3 answers

91 views

label Message

Hi,

in the (RadGrid1_InsertCommand) event i'm checking the data inserted before inserting it in Database
and if it didn't match certain condition i want a message to appear to the user to tell him that
i tried to set a label with the message but it didn't work
it seems the grid events don't set values of outside controls
what to do ?

Thanks

Grid

answered on 31 Jul 2012

1 answer

93 views

Multiple RadWindowManagers issue

Hi,
I have two user-controls, each having its own window manager and windows.

Here the problem is only one of the two is working.

Please suggest me a proper approach for having such...

Thanks,
Stalin

Window

answered on 31 Jul 2012

2 answers

113 views

Show matching characters of nodes bold using javascript

Hello,

I have a radwindow in which I have putted an aspx page that contains a user control inside. the user control have a treeview and a RadTextBox control. I want the filter functionality for treeview nodes. When I type characters in search box, it will hide the nodes which does not contains that characters and matching characters in remaining nodes gets bold. I have made javascript functions for this and working fine. I wraps the matching characters with <b></b> tags with regular expression. Here problem I am facing is it is showing <b></b> instead of making matching characters bold. I used same in listbox and it is working fine. Any idea regarding this? The code is as below :

For Javascript :

function filterList() {

            var treeview = $find("<%=RadTreeViewMain.ClientID%>");
            var textbox = $find("<%=txtSearchItems.ClientID%>");

            clearListEmphasis(treeview);
            createMatchingList(treeview, textbox.get_textBoxValue());
        }

        // Remove emphasis from matching text
        function clearListEmphasis(treeview)
        {
            var re = new RegExp("</{0,1}b>", "gi");
            var itemText;
            var allNodes = treeview.get_allNodes();

            for (var i = 0; i < allNodes.length; i++) {

                var node = allNodes[i];
                itemText = node.get_text();
                node.set_text(itemText.replace(re, ""));
                //node.collapse();
            }
        }

        // Emphasize matching text and hide non-matching items
        function createMatchingList(treeview, filterText)
        {
            if (filterText != "") {

                filterText = escapeRegExCharacters(filterText);

                var re = new RegExp(filterText, "i");
                var allNodes = treeview.get_allNodes();

                for (var i = 0; i < allNodes.length; i++)
                {
                    var node = allNodes[i];
                    var itemText = node.get_text();

                    if (itemText.match(re))
                    {
                        if (node.get_level() != 0)
                        {
                            var pNode = node.get_parent();
                            pNode.set_expanded(true);
                            pNode.set_visible(true);
                        }
                        node.set_text(itemText.replace(re, "<b>" + itemText.match(re) + "</b>"));
                        node.set_visible(true);
                    }
                    else {
                        node.set_visible(false);
                    }
                }
            }
            else {

                var allNodes = treeview.get_allNodes();

                for (var i = 0; i < allNodes.length; i++) {

                    var node = allNodes[i];

                    var itemText = node.get_text();
                    node.set_visible(true);
                    node.set_expanded(false);
                }
            }
        }

        // Clears the text from the filter.
        function clearFilterText() {
            var textbox = $find("<%=RadTreeViewMain.ClientID%>");
            textbox.clear();
        }

        // Escapes RegEx character classes and shorthand characters
        function escapeRegExCharacters(text) {
            return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
        }

And for use ascx :

<telerik:RadTextBox ID="txtSearchItems" runat="server" EmptyMessage="Search..." width="180px" BackColor="WhiteSmoke" autocomplete="off" onkeyup="filterList();" ></telerik:RadTextBox>

<telerik:RadTreeView ID="RadTreeViewMain" runat="server" EnableDragAndDrop="True" TabIndex="1" AccessKey="T"
    EnableDragAndDropBetweenNodes="True" CollapseAnimation-Type="Linear" MultipleSelect="true"
    CollapseAnimation-Duration="200" ExpandAnimation-Duration="200"
    ExpandAnimation-Type="Linear" AllowNodeEditing="True" Skin="Telerik" >
</telerik:RadTreeView>

Thank you,
Dev

TreeView

answered on 31 Jul 2012