Questions on UI for ASP.NET AJAX Forum

1 answer

82 views

Hi,

There are two listboxes in my page with transferring and reordering of items enabled. Is it possible to get the item text in javascript on dragging from the item from first listbox and droping into the second listbox?

Thanks,
Antony.

ListBox

answered on 15 Apr 2013

3 answers

230 views

RadEditor with RadGrid

Is there a way to use a RadEditor for editing a radgrid item. So for intance I only have 1 column but I need to allow the user to edit using a radgrid to add images etc in and formatting. IS there a way to do this easily? Also it's a heiarchy, 3 layers
Thanks

Grid

answered on 15 Apr 2013

11 answers

327 views

RadRating : OnRate Event is not firing

Hi,
I have a page which will have the rad rating control.

Actually i am trying to get the selected value while user clicks on the rating item.

This is my aspx page code

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="testpage.aspx.cs" Inherits="testpage" %>

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

<!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>
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager>

    <form id="form1" runat="server">
    <telerik:RadRating ID="ratingBar" runat="server" Orientation="Horizontal" ItemHeight="61px"
                        ItemWidth="11px" CssClass="ratingClass" OnRate="RadRating1_Rate" Precision="Exact" AutoPostBack="True">
                        <Items>
                            <telerik:RadRatingItem Value="1" HoveredImageUrl="Images/Rating/Rating1/1h.png" HoveredSelectedImageUrl="Images/Rating/Rating1/1h.png"
                                SelectedImageUrl="Images/Rating/Rating1/1s.png" ImageUrl="Images/Rating/Rating1/1.png" ToolTip="Very Low" />
                            <telerik:RadRatingItem Value="2" HoveredImageUrl="Images/Rating/Rating1/2h.png" HoveredSelectedImageUrl="Images/Rating/Rating1/2h.png"
                                SelectedImageUrl="Images/Rating/Rating1/2s.png" ImageUrl="Images/Rating/Rating1/2.png" ToolTip="Low" />
                            <telerik:RadRatingItem Value="3" HoveredImageUrl="Images/Rating/Rating1/3h.png" HoveredSelectedImageUrl="Images/Rating/Rating1/3h.png"
                                SelectedImageUrl="Images/Rating/Rating1/3s.png" ImageUrl="Images/Rating/Rating1/3.png" ToolTip="Medium" />
                            <telerik:RadRatingItem Value="4" HoveredImageUrl="Images/Rating/Rating1/4h.png" HoveredSelectedImageUrl="Images/Rating/Rating1/4h.png"
                                SelectedImageUrl="Images/Rating/Rating1/4s.png" ImageUrl="Images/Rating/Rating1/4.png" ToolTip="Medium-High" />
                            <telerik:RadRatingItem Value="5" HoveredImageUrl="Images/Rating/Rating1/5h.png" HoveredSelectedImageUrl="Images/Rating/Rating1/5h.png"
                                SelectedImageUrl="Images/Rating/Rating1/5s.png" ImageUrl="Images/Rating/Rating1/5.png" ToolTip="High" />
                            <telerik:RadRatingItem Value="6" HoveredImageUrl="Images/Rating/Rating1/6h.png" HoveredSelectedImageUrl="Images/Rating/Rating1/6h.png"
                                SelectedImageUrl="Images/Rating/Rating1/6s.png" ImageUrl="Images/Rating/Rating1/6.png" ToolTip="Very High" />
                        </Items>

                    </telerik:RadRating>

    <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" /><br /><asp:Label ID="Label1" runat="server"
        Text="Label"></asp:Label>



    </form>
</body>
</html>

Here is my Code behind

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Collections.ObjectModel;
using System.IO;
using System.Drawing;
using Telerik.Web.UI;
public partial class testpage : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void Button1_Click(object sender, EventArgs e)
    {
        Label1.Text = ratingBar.Value.ToString();
    }

    protected void RadRating1_Rate(object sender, EventArgs e)
    {
        Label1.Text = ratingBar.Value.ToString();
    }
}

I can able to get the selected value on button click.

But the Onrate is not working.Even in debug mode I checked.

The OnRate event is not fired while clicking on the Rating control.

Please can any one suggest me how to proceed with this.

Thanks in Advance
Thenmozhi.R

Rating

answered on 15 Apr 2013

3 answers

140 views

How to Hide Grid Wrapper

Hi,
I'm using RadGrid all over in my project using Telerik's Hay skin which uses black Grid Wrapper. I want to be able to hide Wrapper entirely or change Its background to some other background color. Is It possible to add custom text i.e. some header text to inform user about what data it contains ?

Please not the screen shot attached here for your reference.

Thanks

Grid

answered on 15 Apr 2013

1 answer

66 views

Multi-Sorting in a Template column

Here's my following code:

<telerik:GridTemplateColumn UniqueName="UserName" DataField="FirstName" DataType="System.String" AllowFiltering="false" SortExpression="FirstName">

<HeaderTemplate>

<asp:LinkButton id="btnName" runat="server"

Text="Name"

Title="Sort by Name"

CommandName='Sort'

CommandArgument='FirstName' />

</HeaderTemplate>

<ItemTemplate>

<span class="ListTitle" style="font-size: 14px;">

<%#Container.DataItem("FirstName")%> <%#Container.DataItem("LastName")%></span><br />

<div class="QuestionDetails">

<strong><%#Container.DataItem("EmailAddress")%></strong>

</div>

</ItemTemplate>

</telerik:GridTemplateColumn>

It sorts properly and highlights the selected sorting column. I know that to do multiple sorting in a single template column you just add another link button with the new field to be sorted like similar to what this is doing here: http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/columntypes/defaultvb.aspx?#qsf-demo-source .The issue i see from that demo and my page is that it no longer highlights the sorted column if i add another link button in the header template. My question is how do i set it that it highlights if i select either sorting button?

Grid

answered on 15 Apr 2013

5 answers

224 views

Telerik drop-down hidden <iframe>s causes problems w/ IE and Visual Studio

It seems that the hidden <iframe>s that Telerik's drop-down controls use (RadToolbar, RadMenu, RadContextMenu) causes performance/debugging issues when using IE and Visual Studio. We've seen this with multiple versions of IE and Visual Studio '10 and '12. We are using the latest Q2 '12 release of Telerik.

What seems to be happened is that for each <iframe>, used, say for each menu item that contains other items, IE will navigate to its internal "Cannot display web page" page:

res://ieframe.dll/dnserrordiagoff.htm

This page will also cause the load of two internal scripts (errorPageStrings.js and httpErrorPageScripts.js).

Visual Studio's Script Documents list, that exists during debugging sessions, shows this. See the first screen capture, which shows a simple test site with a single page with a single RadMenu control that has 4 drop-downs.

Aside from the theoretical performance issue of the browser constantly trying to navigate and then displaying these internal files, the real issue for us is that on our screens, we have a lot of these controls. As we debug, going from page to page sometimes takes several seconds as these spurious internal page/scripts are loaded/unloaded in the Script Documents window in Visual Studio. See the second screen capture that shows this.

So - is there anything that can be done to prevent IE from trying to navigate for these hidden <iframe>s, and thus preventing the navigate to

res://ieframe.dll/dnserrordiagoff.htm

in the first place?

Thanks,

- Mike

Menu

answered on 15 Apr 2013

4 answers

991 views

hide column in RadGrid

hello dear,
how can i Hide a colum with all data in several rows.
Below syntax hide header text only and don't hide data in row that related to hidden column.

WBSRadGrid.MasterTableView.GetColumn("ActualEndDate").Visible =false;

best regards,
zohreh

Grid

answered on 15 Apr 2013

10 answers

1.0K+ views

Set First Row Selected RadGrid

I Want to set the first row selected of radgrid on Page Load,Sorting etc....Except the Edit Command...

Bcoz when i direclty cick on edit button in radgrid without selecting the row it shows radgrid.selectedvalue is NULL.....

Please help me on this..

Grid

answered on 15 Apr 2013

4 answers

136 views

[Solved] Tooltips

I want to reduce the width of the tooltip box border and also tweak it so that the text is properly centered - in all the samples and in my code the text seems to have some left padding but no right padding - and the outer box is horribly fat.

Any way yet to adjust this or is this another Qx development?

Anything that can be done with a jquery fudge?

I'm really trying to get this working so I can get rid of my old DevExpress charts!

Regards

Jon

Chart (HTML5)

answered on 15 Apr 2013

4 answers

194 views

RadCaptcha compatibility to Chrome browser

We designed our Login page and used radCaptcha along with Generate New Image (EnableRefreshImage Option) and Vision Impaired (CaptchaImage.EnableCaptchaAudio Option). These option links are working fine in IE and FireFox but not in Chrome. In Chrome these are rendered like static text. I am attaching image of Login page. Following is the code I am using in Login page.

This is the ASPX code

<telerik:RadCaptcha ID="CaptchaCode" runat="server" ValidationGroup="SubmitGroup"

CaptchaTextBoxLabel=" Type the code from the image" CaptchaImage-TextChars="Numbers" BorderColor="Black"

BorderWidth="0" ErrorMessage="" CaptchaImage-Height="40" CaptchaImage-Width="155"

width="150" CssClass="font_captcha" ForeColor="Black" Display ="Dynamic" TabIndex =3 >

</telerik:RadCaptcha>

This is the Server side code.

Private Sub Pages_Login_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Response.Cache.SetCacheability(System.Web.HttpCacheability.NoCache)

AddHandler Me.loginButton.Click, New System.EventHandler(AddressOf loginButton_Click)

If Not Page.IsPostBack Then

CaptchaCode.EnableRefreshImage = True

CaptchaCode.CaptchaLinkButtonText = "Generate New Image"

CaptchaCode.CaptchaImage.EnableCaptchaAudio = True

CaptchaCode.CaptchaAudioLinkButtonText = "Vision Impaired"

CaptchaCode.CaptchaImage.UseAudioFiles = False

CaptchaCode.CaptchaImage.AudioFilesPath = HttpContext.Current.Server.MapPath("~/App_Data/RadCaptcha")

Page.DataBind()

End If

txtUserID.Focus()

End Sub

This is CSS Code.

.font_captcha

{

text-align:left;

color: white;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 9px;

font-weight: normal;

}

.rcRefreshImage

{

margin-left: 165px;

margin-top :-40px;

font-size: 10px;

float: left;

color: White;

display: block;

line-height:1.5em;

background-image: url('../Images/Captcha_reload.png');

background-repeat: no-repeat;

height: 20px;

padding-left: 30px;

margin-top:-40px;

width: 120px;

}

.rcCaptchaAudioLink

{

margin-left: 165px;

margin-top :-17px;

font-size: 10px;

float: left;

color: White;

display: block;

line-height: 1.5em;

background-image: url('../Images/Captcha_audio.png');

background-repeat: no-repeat;

height: 19px;

padding-left: 30px;

margin-top:-20px;

width: 120px;

}

If this is not clear, I can attach a sample project.
Please let me know whether I am doing any thing wrong or really radCaptcha is having compatibility issues with Chrome browser.

Captcha

answered on 15 Apr 2013