Questions on UI for ASP.NET AJAX Forum

4 answers

127 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

185 views

[Solved] 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

191 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

199 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

214 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

137 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

199 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

125 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