Questions on UI for ASP.NET AJAX Forum

4 answers

203 views

Hello Everyone,

We are using radcaptcha for validating purpose. I have come across a weird problem with audio link button of captcha control.

Audio link button working fine on IE and firefox, but we are not able to play the ImageText multiple time on chrome. It works for the first click, but if we click multiple times on audio link button, its not playing Image Text.

I might need to enable some property for captcha control that i am not aware of.

Does any one have any suggestions??

<telerik:RadCaptcha ID="radCaptcha" Runat="server" EnableRefreshImage="true" CaptchaImage-EnableCaptchaAudio="true" CaptchaImage-UseAudioFiles="true" ErrorMessage="You have entered an invalid code." ValidationGroup="Summary" forecolor="#660000" Display="Dynamic" CaptchaLinkButtonText="Generate New Image " EnableEmbeddedScripts="True" EnableViewState="True" CaptchaImage-AudioFilesPath="~/App_Data/RadCaptcha" ImageStorageLocation="Cache" ViewStateMode="Enabled">
</telerik:RadCaptcha>

Captcha

answered on 22 Jun 2011

2 answers

216 views

RadGrid client side CheckAll for multiple dynamic columns

Hello,

I'm using RadGrid Q1 2011 (2011.1.519.40) with several bound columns and then dynamically added check box columns that I add at run time and set in RadGrid1_ItemCreated on bind. These are templated columns with checkbox headers and the columns using the typical:

GridTemplateColumn templateColumn = new GridTemplateColumn();

templateColumn.HeaderTemplate = new MyHeaderTemplate(sHeader, i);

templateColumn.HeaderText = sHeader;

templateColumn.ItemTemplate = new MyCheckboxTemplate(sHeader, i);

this.RadGrid1.Columns.Add(templateColumn);

inside of a loop. The classes are typical InstantiateIn classes only the header has a label with a date. The checkbox template is just that, a checkbox in every column of every row.

For reference:

public MyCheckboxTemplate(string cName, int j)

{

colname = cName;

index = j;

}

public void InstantiateIn(System.Web.UI.Control container)

{

CheckBox cb = new CheckBox();

cb.ID = colname + "_" + index;

cb.Visible = true;

cb.Enabled = true;

container.Controls.Add(cb);

}

MyHeaderTemplate :

public MyHeaderTemplate(string cName, int j)

{

colname = cName;

index = j;

}

public void InstantiateIn(System.Web.UI.Control container)

{

Label lblHeader = new Label();

lblHeader.ID = colname;

lblHeader.Text = colname;

CheckBox cb = new CheckBox();

cb.Attributes.Add("onClick", "CheckAll(event);");

cb.ID = colname + "_" + index;

cb.Visible = true;

cb.Enabled = true;

container.Controls.Add(cb);

container.Controls.Add(lblHeader);

}

I've been banging my head trying to create a straight forward CheckAll client side javascript that will detect which header was clicked and check all the checkboxes in that column if they aren't checked and vice versa. I've found many examples of how to do this with static columns but can't quite seem to get the JS correct for dynamic columns. There could be anywhere between 1-180.

Thanks in advance for any help!

Grid

answered on 22 Jun 2011

1 answer

139 views

Icons problem

I have set up a treeview / grid combo and I am trying to set a folder icon for each node. Basically I am aiming for the Outlook 2010 look, but just can't recreate it even with the example.

My folders appear underneath the +/- symbols and the tree structure goes crazy and is no longer neatly nested but more like stepped.

What have I done wrong?

Thanks

<telerik:RadSplitter ID="rdSplitter" runat="server" Height="800px"

Width="623px" BorderSize="1" BorderStyle="None" Skin="Windows7">

<telerik:RadPane ID="rdTreeViewPane" runat="server" Height="500px" Width="295px">

<telerik:RadTreeView ID="rdTreeView" Runat="server"

onnodeclick="rdTreeView_NodeClick" Width="100%" Height="100%" Skin="Windows7">

</telerik:RadTreeView>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar1" runat="server" />

<telerik:RadPane ID="rdGridViewPane" runat="server" Width="330px">

<telerik:RadGrid ID="rdViewDocuments" runat="server" GridLines="None"

Width="99.5%" AllowPaging="True" Skin="Windows7" PageSize="20">

<MasterTableView AutoGenerateColumns="False" DataKeyNames="DocumentID">

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridImageColumn DataImageUrlFields="FileType" DataImageUrlFormatString="~/images/icons/{0}.png"

ImageHeight="12px" ImageWidth="12px" UniqueName="column6" AllowFiltering="False"

AllowSorting="False" DataAlternateTextField="FileType">

<ItemStyle Width="22px" Height="22px" VerticalAlign="Middle" HorizontalAlign="Center" />

</telerik:GridImageColumn>

<telerik:GridTemplateColumn DataField="Title" HeaderText="Title" UniqueName="column3">

<ItemTemplate>

<asp:HyperLink runat="server" ID="DownloadLink" NavigateUrl='<%# DataBinder.Eval(Container, "DataItem.FilePath", "{0}") %>'

Text='<%# DataBinder.Eval(Container, "DataItem.Title") %>' Target="_blank"></asp:HyperLink>

<telerik:RadToolTip ID="rdTitleToolTip" runat="server" TargetControlID="DownloadLink"

Width="200" RelativeTo="Element" Position="MiddleLeft">

<%# DataBinder.Eval(Container, "DataItem.Title") %><br />

<%# DataBinder.Eval(Container, "DataItem.Summary")%>

</telerik:RadToolTip>

</ItemTemplate>

<ItemStyle VerticalAlign="Top" HorizontalAlign="Left" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="FileSize" HeaderText="Size" UniqueName="column4"

AllowFiltering="False" AllowSorting="False">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle VerticalAlign="Top" HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataField="LastUpdated" DataFormatString="{0:dd/MM/yyyy}"

HeaderText="Last Updated" UniqueName="column5" AllowFiltering="False">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle VerticalAlign="Top" HorizontalAlign="Center" />

</telerik:GridDateTimeColumn>

</Columns>

</MasterTableView>

<PagerStyle AlwaysVisible="True" Mode="NumericPages" />

<HeaderContextMenu EnableAutoScroll="True"></HeaderContextMenu>

</telerik:RadGrid>

</telerik:RadPane>

</telerik:RadSplitter>

string imageURL = "images/icons/mailfolder.gif";



private void GetTree()

{

PDUser U = PDUser.GetCurrentUser();

List<Folder> FolderList = Folder.GetFolders(U.SchemeID, 0, 0);

foreach (Folder F in FolderList)

{

//Create parent

RadTreeNode NewNode = new RadTreeNode();

NewNode.ImageUrl = imageURL;

NewNode.Text = F.FolderName + "<span style='font-style:italic; font-size:10px;'> (" + F.DocumentCount.ToString() + " files)";

NewNode.ToolTip = F.FolderName;

NewNode.Value = F.FolderID.ToString();

//Create children

GetChild(U.SchemeID, U.UserID, F.FolderID, ref NewNode);

rdTreeView.Nodes.Add(NewNode);

}

private void GetChild(int SchemeID, int UserID, int FolderID, ref RadTreeNode NewNode)

{

List<Folder> FolderList = Folder.GetFolders(SchemeID, 0, FolderID);

foreach (Folder F in FolderList)

{

RadTreeNode ChildNode = new RadTreeNode(F.FolderName);

GetChild(SchemeID, UserID, F.FolderID, ref ChildNode);

ChildNode.ImageUrl = imageURL;

ChildNode.Text = F.FolderName + "<span style='font-style:italic; font-size:10px;'> (" + F.DocumentCount.ToString() + " files)";

ChildNode.ToolTip = F.FolderName;

ChildNode.Value = F.FolderID.ToString();

NewNode.Nodes.Add(ChildNode);

}

//Populate GridView with available documents

protected void rdTreeView_NodeClick(object sender, RadTreeNodeEventArgs e)

{

PDUser U = PDUser.GetCurrentUser();

string folderStr = e.Node.Value;

int folderID = Convert.ToInt32(folderStr);

List<Document> DocumentList = Document.GetDocuments(U.UserID, folderID);

rdViewDocuments.DataSource = DocumentList;

rdViewDocuments.DataBind();

rdViewDocuments.Visible = true;

}

TreeView

answered on 22 Jun 2011

1 answer

78 views

RadToolBar with RepeatColumns Property

Hi,

Is it possible to acheive RepeatColumns like property used in RadMenu with RadToolBar (RadToolBarDropDown)?

Thanks,
Sandeep

Menu

answered on 22 Jun 2011

1 answer

233 views

loading panel doesnot work with update panel

hi,

i have update panel on my page and i want to use loading panel also. Loading panel should works when i click a combo box but update panel does not allow that. If i remove <asp:UpdatePanel runat="server"> loading panel works fine however i need <asp:UpdatePanel runat="server"> also.

thank you..

Ajax

answered on 22 Jun 2011

1 answer

202 views

Need to bind radscheduler to RadGrid and get all appointments by date range!

Hi guys,

What I need to do is bind the radscheduler data to a radgrid and search by date range. Once the date range is selected it will only show those dates. I have tried this with sqldatasource, but I am not getting all the events. I looked at the following article:http://www.telerik.com/support/kb/aspnet-ajax/scheduler/how-to-display-all-radscheduler-appointments-in-gridview.aspx, works fine. I now get eveything even all the recurring events. I have 2 rad datepickers on the page. One is RadStart the other is Radend. When i do a date range search (SELECT * FROM [Visit] WHERE (([Start] >= @RadStart) AND ([End] <= @RadEnd))), I still get all the recurring events in my RadGrid. It is not showing me events only for that selected date range.
Any ideas?

Thank you,
Gus

Scheduler

answered on 22 Jun 2011

3 answers

132 views

RadEditor - issue with lists and links in IE

Hi there,

We have an issue on a site that I was also able to recreate on a Telerik demo site, http://demos.telerik.com/aspnet-ajax/editor/examples/default/defaultcs.aspx.

In IE: If you paste in the folowing code:

<ul>
 <li><a href="AAA http://www.telerik.com/purchase">AAA</a></li>
 <li><a href="DDD https://www.telerik.com/login.aspx">DDD</a></li>
 <li><a href="FFF http://www.telerik.com/community">FFF</a></li>
 <li><a href="SSS http://www.telerik.com/support">SSS</a></li>
</ul>

into the HTML view, switch to design view, add a new list item (add a space somewhere in the middle of the new text if possible), select the list item (all text in item), it will select the text as well as one more character to the right. Make this text a link either by the link manager or the custom links drop-down. If you go to the HTML view, you see the code gets mangled because it selected that one character to the right, which I'm sure id the closing LI tag. If you do not select the last character it works fine, but it is very unintuitive and we could never tell our clients to check for the selection of that last character. Is this something you are working on, is fixed in a version soon to be released, or fixable with a config/tool XML file change? Any help would be so greatly appreciated.

Thanks so much,

Marco Andrade

Editor

answered on 22 Jun 2011

1 answer

109 views

[Solved] hierarchical structure

Hello! I'm having this problem) I use a grid and a hierarchical structure to display more information about the current record! And when I'm clicking on the icon > to open the additional information that this icon a little bit lost (as in the picture!

Grid

answered on 22 Jun 2011

1 answer

110 views

RadListBox Events do not proceed

Hi,
I have a problem with execution of few RadListBox Event: OnDeleted. Also I have discovered, that neither of following OnDeleting, OnReordering, OnReordered is being executed. While debugging it seems that they are not really invoked. Have you ever meet such problems.
Thanks for quick reply.

Control configuration:

<telerik:RadListBox ID="rlbDefinedShippings" runat="server" AllowReorder="true" AllowDelete="true" AutoPostBack="true" SelectionMode="Single" OnDeleted="rlbDefinedShippings_Deleted" />

Software configuration:
VS2010
RadControls version: 2010.3.1317.35

ListBox

answered on 22 Jun 2011

4 answers

298 views

[Solved] RadGrid & Edit Mode Server-side

I need to edit the records on my grid, doing exactelly what's explainned on the demo "Grid / Client edit with batch server update" (http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/clienteditbatchupdates/defaultcs.aspx)

The only problem is that i need to do it using server-side events, the datasource is created from a collection.

Is there any easier way to resolve this problem?

Thanks

Tiago Gerevini

Grid

answered on 22 Jun 2011