Questions on UI for ASP.NET AJAX Forum

6 answers

172 views

I was able to create a new skin for a RadSplitter Control, everything works fine, except when I tried to change the size of the text that shows in the SlidingZone Tabs. I was able to change the font color but the font size doesn't change.
Am I doing something wrong?

I have the 2009 trial version, and I'm deciding wether to buy the developer version or not, and this issue is affecting my decision.

I'll appreciate your help with this.

Regards,

Jesus.

Splitter

answered on 14 Mar 2013

1 answer

56 views

Row expander in grid in web part refreshes entire page

I have a grid with a parent/child set of tables. The expand/collapse button works as expected when it is a ascx user control on a page, but when that control is placed in a web part on a page and the expend/collapse button clicked, the entire page refreshes, why?

Grid

answered on 14 Mar 2013

4 answers

584 views

[Solved] RadMaskedTextBox - Masked Zipcode issue

I have a RadMaskedTextBox used for zip 5 or 9 data.

I would like to validate always for 5 digit zip code or 9 digit zip code.

the following regex does not catch zip code 33461-12 which is obviously wrong (it thinks its correct).

I think there is an issue with the underscores in the mask.

Valid zip codes should be:

33451
33545-1250

Anything else should be invalid, ex:

3314
33415-1
33145-12
33415-123

Any help would be greatly appreciated.

<telerik:RadMaskedTextBox ID="txtZipCode" runat="server" Mask="#####-####" SelectionOnFocus="CaretToBeginning"></telerik:RadMaskedTextBox>
<asp:RegularExpressionValidator
ID="RegularExpressionValidator1"
ControlToValidate="txtZipCode"
ValidationExpression="^((\d{5}(-|\s)\d{0,4})|(\d{5}))$"
ErrorMessage="Zip code must be numeric nnnnn or nnnnn-nnnn."
Display="dynamic"
RunAt="server"></asp:RegularExpressionValidator>

Input

answered on 14 Mar 2013

3 answers

233 views

[Solved] Need Flat Button Style for RadButton

I want RadButton as Flat Button as i have attached a image file. It would be fine if control has a property for that to apply or fine with CSS also... I have tried a lot with CSS, I did for aspx button but unable to apply for radbutton. Below are the Css Class & the RadButton 'm just showing you, how i have applied / used.

.clsButton {
   width: auto;
   font-size:1.1em;
   border-style:groove;
   padding:0px,0px,0px,0px;
   margin:0px,0px,0px,0px;
   text-align:center;
}

<telerik:RadButton ID="btnSave" runat="server" Text="Save" CssClass="clsButton" Width="150px"></telerik:RadButton>

Even i have tried by mentioning "!important" in CSS class, still no use.

Please help me out. I need it urgent. Thanks in advance for any help.

Button

answered on 14 Mar 2013

9 answers

126 views

Plz help with RadGrid Template form!

Hi again!
I am trying to get access to the controls on the template´s grid but says Null reference Exception dont know what errors I am doing in.
I just use a template to add new record and to edit a record. I am ussing in my code this

RadGridExpensesLines_InsertCommand(

protected

void RadGridExpensesLines_InsertCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)

{

if (e.CommandName == RadGrid.PerformInsertCommandName)

{

GridEditFormInsertItem editedItem = e.Item as GridEditFormInsertItem;

PurchaseInvoiceLine purchaseline = new PurchaseInvoiceLine();

purchaseline.ArticleName = (editedItem.FindControl(

"RadTextBoxArticleName") as TextBox).Text;
}

In my aspx:

<telerik:RadGrid ID="RadGridLines" runat="server" AutoGenerateColumns="false" GridLines="None" OnNeedDataSource="RadGridExpensesLines_NeedDataSource" OnInsertCommand="RadGridExpensesLines_InsertCommand">

<

asp:Button ID="ButtonInsert" Text="Insert" runat="server" CommandName="PerformInsert" Visible="true"></asp:Button>

I tried also with

protected

void RadGridExpensesLines_ItemCommand(object sender, GridCommandEventArgs e)

but any success!!!!
Please someone can tell me why can not access to my controls on the template?
Please really need a help!

Grid

answered on 14 Mar 2013

1 answer

298 views

Checkbox column value in SelectedIndexChanged event

Hi,

I have a grid, which contains some Checkbox columns.
In the SelectedIndexChanged event on the server, I am trying to read the checked status of the checkbox columns.
I have tried several different variations to get this, but I seem to be banging my head against a wall.
I'm sure this is fairly striaght forward, but I can't see where the problem lies, and I can't find an example of what I am trying to do.

Below are the different things I have tried - all of which give me a Null value exception.

All suggestions greatly appreciated.

Attached = ((System.Web.UI.WebControls.CheckBox)BaysGrid.SelectedItems[0].FindControl("bgAttached")).Checked;

Attached = ((System.Web.UI.WebControls.CheckBox)(BaysGrid.MasterTableView.GetSelectedItems()[0].Controls[0].Controls[0])).Checked;

Attached = ((System.Web.UI.WebControls.CheckBox)(BaysGrid.MasterTableView.GetSelectedItems()[0].FindControl("bgAttached"))).Checked;

Attached = Convert.ToBoolean(BaysGrid.SelectedItems[0].Cells[5].Text);

Grid name is BaysGrid, Markup for the specific column is:

<telerik:GridCheckBoxColumn DataField="bAttached" DataType="System.Boolean"

FilterControlAltText="Filter bgAttached column" HeaderText="Attach"

UniqueName="bgAttached">

<HeaderStyle Width="40px" />

</telerik:GridCheckBoxColumn>

Thanks

Paul

Grid

answered on 14 Mar 2013

2 answers

258 views

How to use jQuery dialog instead of Radwindow

I need to change a function in our company software that uses Radwindow so it uses jQuery ui dilog instead (for reasons beyond me).

function ShowPopupByWindow(_type, _targetControl, _radWindow) {

var popupURL = 'finder.aspx?action=' + _type;

// This is how the Radopen is working right now

//var oWnd = window.radopen(popupURL, _radWindow);

// This is what I want to implement

selector = "#" + _targetControl;

jQuery(selector).dialog({ modal : true, open:

function () {

$(this).load(popupURL);

}

});

}

however i get this error Uncaught TypeError: Cannot set property 'control' of undefined

Window

answered on 14 Mar 2013

2 answers

72 views

[Solved] RadButton throws error

I'm getting this error:

The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).

Form this markup:

<%@ Reference Page="~/Checking.aspx" %>

<%@ Page Language="C#" MasterPageFile="~/OLBMaster.master" Title="Order Check Request"

AutoEventWireup="true" CodeFile="CheckOrderCopy.aspx.cs" CodeFileBaseClass="CU.Session+Page"

Inherits="BPOB.OrderCheckCopy" %>

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

<%--<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI, Version=2012.3.1205.40, Culture=neutral, PublicKeyToken=121fae78165ba3d4" %>--%>

<asp:Content runat="server" ID="Content0" ContentPlaceHolderID="HeadContent">

<script type="text/javascript" src="js/validate.js"></script>

<script type="text/javascript" src="js/jquery.validate.wrapper.js"></script>

<script type="text/javascript">

function ValidateOrderForm(sender, args)

{

$(document).ready(function ()

{

$('#aspnetForm').validate({ errorClass: 'ValidateError' });

// validation rules

$('#<%=accountNumber.ClientID%>').rules('add', { required: true, messages: { required: ' Required' } });

$('#<%=ckNumLabel.ClientID%>').rules('add', { required: true, messages: { required: ' Required' } });

$('#<%=dateLabel.ClientID%>').rules('add', { required: true, messages: { required: ' Required' } });

$('#<%=dateLabel.ClientID%>').rules('add', { date: true, messages: { date: ' Invalid Format' } });

$('#<%=amountLabel.ClientID%>').rules('add', { required: true, messages: { required: ' Required' } });

$('#<%=amountLabel.ClientID%>').rules('add', { number: true, messages: { number: ' Invalid Input' } });

if ($('#aspnetForm').valid()) {

args.set_cancel(false); //allow pressing to continue

} else {

args.set_cancel(true); //abort processing

}

});

}

function ValidateFaxOrder(sender, args)

{

$(document).ready(function ()

{

$('#aspnetForm').validate({ errorClass: 'ValidateError' });

//validation

$('#<%=t_Phone_First3.ClientID%>').rules('add', { required: true, messages: { required: ' Required' } });

$('#<%=t_Phone_First3.ClientID%>').rules('add', { number: true, messages: { number: ' Invalid Input' } });

$('#<%=t_Phone_First3.ClientID%>').rules('add', { minlength: 3, messages: { minlength: ' Too few' } });

$('#<%=t_Phone_Second3.ClientID%>').rules('add', { required: true, messages: { required: ' Required' } });

$('#<%=t_Phone_Second3.ClientID%>').rules('add', { number: true, messages: { number: ' Invalid Input' } });

$('#<%=t_Phone_Second3.ClientID%>').rules('add', { minlength: 3, messages: { minlength: ' Too few' } });

$('#<%=t_Phone_Last4.ClientID%>').rules('add', { required: true, messages: { required: ' Required' } });

$('#<%=t_Phone_Last4.ClientID%>').rules('add', { number: true, messages: { number: ' Invalid Input' } });

$('#<%=t_Phone_Last4.ClientID%>').rules('add', { minlength: 4, messages: { minlength: ' Too few' } });

if ($('#aspnetForm').valid()) {

args.set_cancel(false); //allow pressing to continue

} else {

args.set_cancel(true); //abort processing

}

});

}

</script>

</asp:Content>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="ContentBody">

<asp:label id="statusLabel" runat="server" ForeColor="Red" Font-Names="Arial" Font-Bold="True">Status</asp:label>

<asp:panel id="mailCheck" Runat="server">

<table cellSpacing="0" cellPadding="4" width="95%" align="center" bgColor="white">

<tr>

<td><b>This check is no longer viewable online, however you can request a copy be

mailed to you.</b>

</td>

</tr>

<tr>

<td>

<table cellSpacing="5" cellPadding="3" width="500" align="center" border="0">

<tr class="AlternateRow2">

<td><b>Name:</b></td>

<td>

<asp:Label id="nameLabel" runat="server"></asp:Label></td>

</tr>

<tr class="AlternateRow1">

<td><b>Email:</b></td>

<td>

<asp:Label id="emailLabel" runat="server"></asp:Label></td>

</tr>

<tr class="AlternateRow2">

<td><b>Account:</b></td>

<td><asp:DropdownList id="accountNumber" runat="server"></asp:DropdownList>

</td>

</tr>

<tr class="AlternateRow1">

<td><b>Check #:</b></td>

<td>

<asp:TextBox id="ckNumLabel" runat="server"></asp:TextBox></td>

</tr>

<tr class="AlternateRow2">

<td><b>Date Cleared:</b></td>

<td>

<asp:TextBox id="dateLabel" runat="server"></asp:TextBox></td>

</tr>

<tr class="AlternateRow1">

<td><b>Amount:</b></td>

<td>

<asp:TextBox id="amountLabel" runat="server"></asp:TextBox></td>

</tr>

</table>

</td>

</tr>

<tr>

<td><b>Please note that a service fee of $3.00 per check will apply to your request.

We will send a copy of the check (both the front & back side) to the mailing

address we have on file for you via the U.S. Postal Service. If the check

cleared within the last year we will put it in the mail within 3-5 business

days. If the check cleared over a year ago we will put it in the mail within 10

business days. Need it faster?

<asp:LinkButton id="faxLink" OnClick="faxLink_Click" runat="server">Click Here</asp:LinkButton>.</b><br>

<br>

</td>

</tr>

<tr>

<TD align="center">

<telerik:RadButton ID="OrderButton" runat="server" Text="RadButton"></telerik:RadButton>

<%--<asp:ImageButton id="OrderButton" OnClick="OrderButton_Click" runat="server" ImageUrl="images/buttons/Button_OrderCheckCopy.gif" ToolTip="Order Check Copy"></asp:ImageButton>--%></td>

</tr>

</table>

</asp:panel>

<asp:panel id="faxIt" Runat="server">

<table>

<tr>

<td class="TextGreenBold">We can fax the copy to you, but PLEASE NOTE:</td>

</tr>

<tr>

<td>

<ul>

<li>

<b>We cannot guarantee that the copy will be faxed at a specific time, so if you

are uncomfortable with your personal checking account information sitting on a

fax machine for a time before you pick it up, you should not choose this

option.</b><br>

<br>

<li>

<b>The information on the back of the check can often be difficult to read on a

faxed copy. So if you choose this option we will also mail a copy to you.</b>

</li>

</ul>

<table class="AccountTable" align="center">

<tr>

<td class="TextBlueBold">Fax Number:</td>

<td>

<table cellSpacing="0" cellPadding="0">

<tr>

<td>(

<asp:TextBox id="t_Phone_First3" Runat="server" MaxLength="3" Width="30px"></asp:TextBox>)</td>

<td>

<asp:TextBox id="t_Phone_Second3" Runat="server" MaxLength="3" Width="30px"></asp:TextBox>-</td>

<td>

<asp:TextBox id="t_Phone_Last4" Runat="server" MaxLength="4" Width="40px"></asp:TextBox></td>

</tr>

</table>

</td>

<td>

<asp:ImageButton id="faxSubmitButton" OnClick="faxSubmitButton_Click" runat="server" ImageUrl="images/buttons/Button_Submit_Blue.gif" ToolTip="Submit"></asp:ImageButton></td>

</tr>

</table>

</td>

</tr>

</table>

</asp:panel>

</asp:Content>

And it's driving me crazy - can't find a solution. I've searched against the error message and can't find a solution that has worked thus far.

What I've been trying to work with is RadScriptBlock and RadCodeBlock.

I'm at my wit's end :-(

Suggestions?

Button

answered on 13 Mar 2013

5 answers

157 views

Drag to Multi-Select Malfunctions When Scrolling is Enabled

Hello,

I've discovered a problem with the multi-select drag when scrolling is enabled on the grid. When I turn off scrolling, it works fine.
If I start the drag in the lower right part of the grid and drag upwards and to the left, the semi-transparent "selection box" does not render in the right place. Instead of having its lower right corner placed where I started the drag (which it should and does without scrolling enabled), the selection box doesn't even appear until about halfway up the grid. When I release the left mouse button to finish the drag-selected, the CORRECT rows are still selected, even though the selection box displayed improperly.

I just took a look at the RadGrid demo site to see if I could reproduce this. But oddly the demos for scrolling do not have multi-selection enabled. Conversely, the demos for multi-selection do not have scrolling enabled!! Is there a demo anywhere that shows scrolling plus client row multi-select (via drag selection box) at the same time??

I've attached screenshot sequence showing this problem. Please help!

Grid

answered on 13 Mar 2013

10 answers

260 views

Random positioning of RadAutoCompleteBox !

I'm using the following code to center all my elements on page which cause RadAutoCompletePopup to appear wherever other than location it must be !

EDIT : RadAutoCompleteBox position is fine but not the popup assigned to it.

Two first div center all my elements on page.

<br>

<body><br>

<div style="float: left; position: relative; left: 50%; display: block;"><br>

<div style="float: left; position: relative; left: -50%; display: block;"><br>

<br>

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

//telerik metadata here <br>

<br>

<div style="width: 500px;"><br>

<asp:SqlDataSource runat="server" ID="SqlDataSource1" ConnectionString='<%$ ConnectionStrings:ttssConnectionString %>' SelectCommand="SELECT [rang], [data] FROM [Table_1]"></asp:SqlDataSource><br>

<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1"><br>

<ItemTemplate><br>

<div ></div><br>

<telerik:RadAutoCompleteBox ID="RadAutoCompleteBox1" runat="server" DataTextField="rang" DataSourceID="SqlDataSource1" AllowCustomEntry="True" InputType="Text"></telerik:RadAutoCompleteBox><br>

</div><br>

</ItemTemplate><br>

</asp:Repeater><br>

</div><br>

<br>

</form><br>

<br>

</div><br>

</body>

AutoCompleteBox

answered on 13 Mar 2013