Questions on UI for ASP.NET AJAX Forum

2 answers

154 views

For some reason I am having a problem with a Radgrid's Context Menu when only some of the groups are expanded in a radgrid.

The Grid is grouped using an expression. And when all groups are expanded a right click fires the Context Menu.

However if any of the groups are collapsed the event does not fire and the normal browser right click menu appears. If I then expand the collapsed item the context menu re appears on right click.

Any ideas?

Cheers

Tox

Grid

answered on 22 Jun 2011

4 answers

105 views

RadFilter will not keep it's state between postbacks

<%@ Control Language="VB" AutoEventWireup="true" CodeFile="SegmentationCreator.ascx.vb" Debug="true"

Inherits="Controls_SegmentationCreator" %>

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

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">

<telerik:RadFilter ID="RadFilter1" runat="server"

CssClass="RadFilter RadFilter_Default" ExpressionPreviewPosition="Bottom" ShowApplyButton="false" AllowFilterOnBlur="true">

<FieldEditors>

<telerik:RadFilterTextFieldEditor DisplayName="text1" FieldName="textfield" TextBoxWidth="120" />

<telerik:RadFilterNumericFieldEditor DisplayName="number1" FieldName="numberField" />

<telerik:RadFilterBooleanFieldEditor DataType="System.Boolean" DisplayName="check1" FieldName="bitField" />

<telerik:RadFilterDateFieldEditor DataType="System.DateTime" DisplayName="date1" FieldName="dateField" />

</FieldEditors>

</telerik:RadFilter>

<ul>

<telerik:RadListView ID="RadListView1" runat="server" DataSourceID="sqlData1">

<ItemTemplate>

<li><%# Eval("text1")%></li>

</ItemTemplate>

</telerik:RadListView>

</ul>

<asp:SqlDataSource ID="sqlData1" runat="server"

ConnectionString="<%$ ConnectionStrings:FEI%>" SelectCommand="SELECT TOP 10 Email.email as text1, 1 as number1, 0 as check1, GETDATE() as date1 FROM Email">

</asp:SqlDataSource>

<asp:HiddenField id="hiddenQueryText" runat="server" />

</telerik:RadAjaxPanel>

Every time I click on add field or anything it just reverts to the first-time load state. There is nothing in the code-behind file. The only other odd thing is that If I add the RadScriptManager to the the ascx, the page gives an error that "Only one instance of a ScriptManager can be added to the page." This control above is being added to the page using Page.LoadControl("path/nameof.ascx") so I don't really have control over that part.

Filter

answered on 22 Jun 2011

3 answers

139 views

Captcha not showing radtooltip

hi
captcha control is not showing radtooltip and also focus does not goes the capctha textbox but to the chage image link?

Captcha

answered on 22 Jun 2011

3 answers

163 views

RadEditor Template Manager

Hi to all,

Friends i need to do maintain templates for Rad Editor.
I upload 4 different types of Templates (.html,.css)

ex:
"Temp1.html" have its own CSS
"Temp2.html" have its own CSS
"Temp3.html" have its own CSS

If i Choose "Temp1.html" display its template design
if i choose another one display its template design.

and if i get the content from rad editor. with template design

any one help.....

Thanks

Vinoth Xavier

Editor

answered on 22 Jun 2011

4 answers

164 views

RadCaptcha audio on chrome

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

186 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

108 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

63 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

194 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

176 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