Questions on UI for ASP.NET AJAX Forum

5 answers

114 views

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

190 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

80 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

555 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

87 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

90 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

107 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

2 answers

207 views

Autosize of Radwindow

Hi,

Just by using Autosize="true" & AutoSizeBehaviors="Width, Height", can the Radwindow be resized?..My requirement is to increase the size of radwindow as the contents increase!.

The suggested autosize properties alone does not help.Can you please suggest a solution to this requirement?

Window

answered on 31 Jul 2012

1 answer

167 views

Using Selenium with the new Telerik Date Controls

Hello!

I am the only QA tester in my company, and also in charge of creating automated tests. Since we're a small company, we're cutting costs as much as we can, without compromising quality, ease of work, productivity, etc. Which is why we use the free open source Selenium automated test scripting, since it's free compared with the thousands we would have to pay for Telerik automated testing package and training.

Anyways, I used to use the old Telerik date controls for Selenium automated tests where the date in dd/mm/yyyy format (this is in the UK) would be typed in by the Selenium scripts. And when the Next button was clicked, the data was processed and the next page would appear and the scripts would continue working. However, with the new Telerik date control, even when the Selenium scripts enter a proper dd/mm/yyyy date and then the Next button is clicked, the date fields become blank and error messages like, "Please enter date" appear, and the scripts fail. Why is this happening? The old Telerik controls worked just fine with the automated Selenium scripts where you just type in a date in dd/mm/yyyy format. Why is this not working now? Any ideas? Anyone struggling with this? There are a few date fields we use in our system, and so it would be rather tedious to type in dates manually every single time when scripts fail, I make them pause, quickly enter the dates, and resume automated testing. Please advise me when convenient. Thanks a lot!

Calendar

answered on 31 Jul 2012

1 answer

69 views

Disable Browser style "Element.Style" from Safari/Chrome

Hi,

I have a menu (Telerik: RADMenu) to be available in arabic language support, which means float from right to left.
the Menu works fine in IE & Firefox, but not on other browsers; but when using firebug inspect element, I get exttra style as below which makes the menu vertical, but when i disable it (using firebug) it show correctly:
element.style {
width:132px;
}
Its part of the ul class
<ul class="horizontal rootGroup" style="width: 132px; ">

So how can i get rid of this browser side encoding.

Thanks

Menu

answered on 31 Jul 2012