Questions on UI for ASP.NET AJAX Forum

110,792 questions

3 answers

143 views

Indent, outdent is not working for single line of text in Firefox 6.0 and above browser versions

Indent, outdent is not working for single line of text in Firefox 6.0 and above browser versions.

I went to Rad editor demo site. (http://demos.telerik.com/aspnet-ajax/editor/examples/default/defaultcs.aspx), opened site on Firefox 6.0 browser version

In editor , entered single line of text and i did indent and outdent functionality. But this functionality is not working. Please resolve this issue.

Editor

answered on 08 May 2012

3 answers

202 views

custom Headercontextmenu for specific column

Hello,

I'm looking for a way to create custom headercontextmenu's for some columns within a grid, and basically create a custom filter menu.
I've implemented most of the functionality as described in this article (http://www.telerik.com/help/aspnet-ajax/grid-header-context-menu.html) and it works fine, however the contextmenu is the same for all the columns, and i can't seem to figure out how to create a unique one for each column.

what i ultimatly want is a headercolumn context menu in the same fashion as an excel filter (see excelfilter.png), very similar to the way the default headercontextmenu implements the show/hide functionality.

can anyone point me in the right direction on how to do this?

thnx!

Grid

answered on 08 May 2012

5 answers

437 views

Invalid JSON primitive

Hello,
I'm trying to implement an infinite scrolling method. I'm trying to use the method described on this page:http://www.fieg.nl/infinite-ajax-scroll-a-jquery-plugin That method basically takes your pagination links and uses those to get the next batch of records when the user scrolls to the bottom of the page. I seem to be running into some sort of conflict with this and the radrating control. With the radrating control enabled on the page, i get the above error (Invalid JSON primitive) when ever i cause a post back. It can either be a postback caused by a .net control set to autopostback=true, or it just be a simple html submit button. Also, the rad rating controls stop working once you go past the first page of records.

If i remove the rad rating control from the page, then the scrolling and doing a postback work as expected.

The rating control is inside of a .net listview. The only code on page load which that I have that deals with the rating control is this:

protected void ListView1_ItemCreated(object sender, ListViewItemEventArgs e)

{

if (e.Item.ItemType == ListViewItemType.DataItem )

{

ListViewDataItem myDataItem = (ListViewDataItem)e.Item;

System.Web.UI.WebControls.DataKey myKey = this.ListView1.DataKeys[myDataItem.DisplayIndex];

Decimal rating = (Decimal)ListView1.DataKeys[myDataItem.DisplayIndex]["Rating"];

string id = ListView1.DataKeys[myDataItem.DisplayIndex]["ID"].ToString();

RadRating myRad = (RadRating)e.Item.FindControl("RadRating1");

myRad.Value = rating;

myRad.Attributes["GameId"] = id;

}

And this code seems to work correctly as i scroll down the page - it's getting fired every time you scroll to the bottom of the page and it appears to be passing correct values. However, my rating_changed event never fires once you scroll past the first page.

I have an idea as to why this is happening. Since this infinite scroll works by essentially loading the next page and then appending just the specific html involved with the page, i think there's 2 errors this causes.

1. The control ID's are getting duplicated because as far as the .net page knows, it's loading up a new page. So if the last ID on the first page was radrating1_5, when i load the next page, it has no reason not to re-use that ID since it think it's a new page.

2. Any script associated with these controls isn't being properly loaded since it's not included inside the content tags where the page data lives. And that infinite scroll only loads what's inside the content container div.

So i have a few questions

1. anyone know of an infinite scrolling plugin that'll work on a page with multiple rad rating controls?
2. if not, would there be any problem if i set the control id's in codebehind with each page load so that i can ensure each control has a unique ID?
3. Is there any way to control where all the javascript gets rendered for each control? Because I have a feeling any infinite scroll plugin will have a problem with the jscript code loading outside of where the content loads.

Ajax

answered on 08 May 2012

5 answers

1.8K+ views

How to filter column on radGrid

Hi

I can't filter column on my radGrid

<telerik:RadGrid runat="server" ID="grid"

AllowPaging="true"

AllowSorting="True"

AllowFilteringByColumn="True"

ShowStatusBar="true"

AutoGenerateColumns="false"

Visible="false">

<ClientSettings >

<Selecting AllowRowSelect="True"/>

<ClientEvents OnRowDblClick="OnRowDblClick" />

</ClientSettings>

<PagerStyle Mode="NumericPages" Position="Bottom" />

<GroupingSettings CaseSensitive="false" />

<MasterTableView ShowHeadersWhenNoRecords="true" DataKeyNames="Name" ClientDataKeyNames="Name">

<Columns>

<telerik:GridBoundColumn DataField="Name" UniqueName="Name" HeaderText="Name"

DataType="System.String" AutoPostBackOnFilter="true" SortExpression="Name" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FirstName" UniqueName="FirstName" HeaderText="Firstname"

DataType="System.String" AutoPostBackOnFilter="true" SortExpression="Firstname" >

</telerik:GridBoundColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="Edit">

</telerik:GridEditCommandColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

protected void button_Click(object sender, EventArgs e)

{

DataTable dt;

SqlConnection conn = new SqlConnection();

SqlCommand command = new SqlCommand("fillGrid", cn);

command.CommandType = CommandType.StoredProcedure;

SqlParameter p = new SqlParameter("@param", SqlDbType.NVarChar, 50);

p.Value = var.Text;

command.Parameters.Add(p);

dt = new DataTable();

SqlDataAdapter da = new SqlDataAdapter(cmd);

try

{

conn.Open();

da.Fill(dt);

grid.DataSource = dt;

grid.DataBind();

}

catch ()

{

//...

}

finally

{

if (conn.State != ConnectionState.Closed)

{

conn.Close();

}

Filter

answered on 08 May 2012

3 answers

978 views

Telerik DatePicker not displaying in modal popup window.

Below is the code snippet.
I have tried doing everything from setting the z-index to css. But the issue still persists.

The datepicker calendar is not shown when i try to open in modal popup window.
I am using RadControls_Q1_2007_SP2_dev. My client does not want to upgrade to latest version immediately.
Please help.

<style type="text/css">

.modalBackground

{

background-color: Black;

filter: alpha(opacity=90);

opacity: 0.8;

z-index: 0;

}

.modalPopup

{

background-color: #FFFFFF;

border-width: 3px;

border-style: solid;

border-color: black;

padding-top: 10px;

padding-left: 10px;

width: 720px;

height: 260px;

z-index: 1;

}

.modalPopupAdd

{

background-color: #FFFFFF;

border-width: 3px;

border-style: solid;

border-color: black;

padding-top: 10px;

padding-left: 10px;

width: 720px;

height: 360px;

z-index: 1;

}

.radCalendarPopup

{

z-index: 30000 !important;

}

</style>

<ajax:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>

<asp:LinkButton ID="lnkAdd" runat="server" Text="Add Ashram Events" OnClick="Add"

CssClass="copy"></asp:LinkButton><br />

<asp:Panel ID="pnlAddEdit" runat="server" CssClass="modalPopup" Style="display: none">

<table width="98%" cellspacing="0" cellpadding="0" class="table-border" id="tblAddEdit"

runat="server" visible="false">

<tr>

<td>

<table width="100%" border="0" cellspacing="0" cellpadding="2" class="main-content">

<tr>

<td>

<table width="100%" border="1" cellspacing="0" cellpadding="2">

<tr>

<td height="25" colspan="4" align="center" class="sub-menu2" style="padding-left: 10px;

background-color: Yellow">

<asp:Label ID="lblHeading" runat="server"></asp:Label>

</td>

</tr>

<tr style="height: 25px">

<td colspan="4" class="sub-menu2" style="padding-left: 10px; color: #790020; background-color: #f9f9f9">

<u>Shibir Details</u>

</td>

</tr>

<tr style="height: 25px">

<td class="sub-menu2" style="padding-left: 10px">

<b>Shibir Type</b> :

</td>

<td colspan="3" class="sub-menu2" style="height: 20px; padding-left: 10px; color: Black;

font-size: 9px; font-family: Verdana, Times New Roman">

<asp:TextBox ID="txtShibirType" runat="server" Width="300px"></asp:TextBox>

</td>

</tr>

<tr style="height: 25px">

<td class="sub-menu2" style="padding-left: 10px">

<b>From Date</b> :

</td>

<td class="sub-menu2" style="padding-left: 10px; color: Black;">

<telerik:RadDatePicker ID="rdpFromDate" Calendar-Skin="WebBlue" runat="server" Width="150px"

DateInput-Enabled="false" ClientEvents-OnPopupOpening="PopupOpening">

<DatePopupButton HoverImageUrl="~/RadControls/Calendar/Skins/Sunny/Img/datePickerPopupHover.gif"

ImageUrl="~/RadControls/Calendar/Skins/Sunny/Img/datePickerPopup.gif"></DatePopupButton>

</telerik:RadDatePicker>

<script type="text/javascript">

function PopupOpening(sender, args) {

Telerik.Web.UI.Calendar.Popup.zIndex = 100100;

}

</script>

</td>

<td class="sub-menu2" style="padding-left: 10px">

<b>To Date</b> :

</td>

<td class="sub-menu2" style="padding-left: 10px; color: Black;">

<telerik:RadDatePicker ID="rdpToDate" Calendar-Skin="WebBlue" runat="server" Width="150px"

DateInput-Enabled="false" ZIndex="11000">

<DatePopupButton HoverImageUrl="~/RadControls/Calendar/Skins/Sunny/Img/datePickerPopupHover.gif"

ImageUrl="~/RadControls/Calendar/Skins/Sunny/Img/datePickerPopup.gif"></DatePopupButton>

</telerik:RadDatePicker>

</td>

</tr>

<tr style="height: 25px">

<td class="sub-menu2" style="padding-left: 10px">

<b>Location</b> :

</td>

<td class="sub-menu2" style="padding-left: 10px; color: Black; font-size: 9px; font-family: Verdana, Times New Roman;">

<asp:TextBox ID="txtLocation" runat="server" Width="175px"></asp:TextBox>

</td>

<td class="sub-menu2" style="padding-left: 10px">

<b>Address</b> :

</td>

<td class="sub-menu2" style="padding-left: 10px; color: Black; font-size: 9px; font-family: Verdana, Times New Roman">

<asp:TextBox ID="txtAddress" runat="server" Width="175px"></asp:TextBox>

</td>

</tr>

<tr style="height: 25px">

<td class="sub-menu2" style="padding-left: 10px">

<b>Shibir Language</b> :

</td>

<td class="sub-menu2" style="padding-left: 10px; color: Black; font-size: 9px; font-family: Verdana, Times New Roman">

<asp:TextBox ID="txtShibirLanguage" runat="server" Width="175px"></asp:TextBox>

</td>

<td class="sub-menu2" style="padding-left: 10px">

<b>Timings</b> :

</td>

<td class="sub-menu2" style="padding-left: 10px; color: Black; font-size: 9px; font-family: Verdana, Times New Roman">

<asp:TextBox ID="txtTimings" runat="server" Width="175px"></asp:TextBox>

</td>

</tr>

<tr style="height: 25px">

<td class="sub-menu2" style="padding-left: 10px">

<b>Last Date of Registration</b> :

</td>

<td colspan="3" height="40" class="sub-menu2" style="padding-left: 10px; color: Black;">

<telerik:RadDatePicker ID="rdpRegistrationLastDate" Calendar-Skin="WebBlue" runat="server"

Width="150px" DateInput-Enabled="false" ZIndex="11000">

<DatePopupButton HoverImageUrl="~/RadControls/Calendar/Skins/Sunny/Img/datePickerPopupHover.gif"

ImageUrl="~/RadControls/Calendar/Skins/Sunny/Img/datePickerPopup.gif"></DatePopupButton>

</telerik:RadDatePicker>

</td>

</tr>

<tr style="height: 25px">

<td colspan="4" class="sub-menu2" style="padding-left: 10px; color: #790020; background-color: #f9f9f9">

<u>Other Details</u>

</td>

</tr>

<tr style="height: 25px">

<td class="sub-menu2" style="padding-left: 10px">

<b>Contact Person</b> :

</td>

<td class="sub-menu2" style="padding-left: 10px; color: Black; font-size: 9px; font-family: Verdana, Times New Roman">

<asp:TextBox ID="txtContactPerson" runat="server" Width="175px"></asp:TextBox>

</td>

<td class="sub-menu2" style="padding-left: 10px">

<b>Contact Details</b> :

</td>

<td class="sub-menu2" style="padding-left: 10px; color: Black; font-size: 9px; font-family: Verdana, Times New Roman">

<asp:TextBox ID="txtContactDetails" runat="server" Width="175px"></asp:TextBox>

</td>

</tr>

<tr style="height: 25px">

<td class="sub-menu2" style="padding-left: 10px">

<b>Other Details</b> :

</td>

<td colspan="3" height="40" class="sub-menu2" style="padding-left: 10px; color: Black;

font-size: 9px; font-family: Verdana, Times New Roman">

<asp:TextBox ID="txtOtherDetails" runat="server" Width="450px" TextMode="MultiLine"></asp:TextBox>

</td>

</tr>

<tr>

<td colspan="4" align="center">

<asp:Button ID="btnSave" runat="server" Text="Save" />

<asp:Button ID="btnCancel" runat="server" Text="Cancel" OnClientClick="return Hidepopup()" />

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</asp:Panel>

<asp:LinkButton ID="lnkFake" runat="server"></asp:LinkButton>

<ajaxToolkit:ModalPopupExtender ID="popup" runat="server" DropShadow="false" PopupControlID="pnlAddEdit"

TargetControlID="lnkFake" BackgroundCssClass="modalBackground">

</ajaxToolkit:ModalPopupExtender>

</ContentTemplate>

<Triggers>

<ajax:AsyncPostBackTrigger ControlID="dgAshramEvents" />

<ajax:AsyncPostBackTrigger ControlID="btnSave" />

</Triggers>

</ajax:UpdatePanel>

Calendar

answered on 08 May 2012

6 answers

372 views

Need ListBox - Checkbox checked event

Hi,

I have

telerik:RadListBox CheckBoxes="true"> On check of Checkbox I want enble and disable the buttons. I need to catch the checkbox click event at the server side. How can I implement this?

Regards,
Medac

ListBox

answered on 08 May 2012

0 answers

112 views

Search Feature in Radlistbox

Hi,

Can we enable searching of records in radlistbox , in case of large number of records it is difficult to search any specefic record manually. (rad grids provide this feature)

If there is possible solution pls help me on it.

Thanks,
Saurabh

ListBox

asked on 08 May 2012

4 answers

166 views

[Solved] RadMaskedTextBox with EnableSingleInputRendering enabled breaks it

Not sure why, but enabling Single Input on the RadMaskedTextBox breaks it. You can't type in the textbox, but if you paste in it it formats the input correctly.

For example:

<form id="form1" runat="server">

<asp:ScriptManager runat="server">

</asp:ScriptManager>

<div>

<telerik:RadMaskedTextBox ID="MaskTest" runat="server" Mask="(###) ###-####" EnableSingleInputRendering="true"

HideOnBlur="true">

</telerik:RadMaskedTextBox>

</div>

</form>

pasting a valid telephone number works, but the textbox doesn't allow you to type in it including number.

Anyone know why this is?

Regards,
Jacques

Input

answered on 08 May 2012

2 answers

106 views

radtreeview and contextmenu

Hi all.
I have a radtreeview filled from a database in code behind.and a radtreeviewcontextmenu working correctly on the radtreeview.
I've implemented some classical node operations from client side (add,rename,delete,ecc.) .
Then I access these client changes on server side by ClientChanges property.
So far so good.

Here's the problem I can't solve..

Client side changes are available on the server side after postback, but I don't want to call a postback with a
classic button onclick event..I would like to call a postback after every client operation made by contextmenu !
Is it possibile ?
I have everything to get it. All the client functions are ok and the clientchanges routine on code behind calling the database save function.
The only missing link is how to call/invoke a postback from client side to perform the clientchanges routine..
May you help me ?
Thanks in advance guys
Gabriele

TreeView

answered on 08 May 2012

0 answers

101 views

RadAjaxManager and ASP.NET Panel

Ignore - PEBKAC - got the wrong Ajax Setting.

Ajax

asked on 08 May 2012

Top users last month