Questions on UI for ASP.NET AJAX Forum

2 answers

104 views

I have a mix of Rad controls and asp controls inside a RadPanelBar with template in an item. My problem is that the skinned Rad Controls have more space around them than the asp controls causing a misalignment when side by side. I have tried a bunch of things to correct this but no joy. Here is the markup:

<tr>
<td>
<table cellpadding="0" cellspacing="0">
<tr>
<td style="padding-right:12px">
<label id="lblDriversLicenseNumber" runat="server" meta:resourcekey="lblDriversLicenseNumberResource1" class="LabelText" >Drivers License/ID Number:</label>
<label id="lblDriversLicenseNumberReq" runat="server" class="ReqIndicator">*</label>
<asp:RequiredFieldValidator ID="rfvDriversLicenseNumber" runat="server" Display="Dynamic" CssClass="ValidationText" ValidationGroup="A"
ControlToValidate="txtDriversLicenseNumber" ErrorMessage="Required"
meta:resourcekey="rfvResource1"></asp:RequiredFieldValidator><br />
<asp:TextBox ID="txtDriversLicenseNumber" runat="server" Width="210px" MaxLength="25"></asp:TextBox>
</td>
<td style="padding-right:12px">
<label id="lblDriversLicenseState" runat="server" meta:resourcekey="lblDriversLicenseStateResource1" class="LabelText" >State:</label>
<label id="lblDriversLicenseStateReq" runat="server" class="ReqIndicator">*</label>
<asp:RequiredFieldValidator ID="rfvDriversLicenseState" runat="server" Display="Dynamic" CssClass="ValidationText" ValidationGroup="A"
ControlToValidate="ddlDriversLicenseState" ErrorMessage="Reqd" InitialValue="--"
meta:resourcekey="rfvResource2"></asp:RequiredFieldValidator><br />
<telerik:RadComboBox ID="ddlDriversLicenseState" runat="server" Width="60px" RenderMode="Lightweight" style="margin-top:0px; padding-top:0px" >
<Items>
<telerik:RadComboBoxItem Text="--" Value="" />
<telerik:RadComboBoxItem Value="AL" Text="AL" />
<telerik:RadComboBoxItem Value="AZ" Text="AZ" />
<telerik:RadComboBoxItem Value="AR" Text="AR" />
<telerik:RadComboBoxItem Value="CA" Text="CA" />
<telerik:RadComboBoxItem Value="CO" Text="CO" />
<telerik:RadComboBoxItem Value="CT" Text="CT" />
<telerik:RadComboBoxItem Value="DE" Text="DE" />
<telerik:RadComboBoxItem Value="DC" Text="DC" />
<telerik:RadComboBoxItem Value="FL" Text="FL" />
<telerik:RadComboBoxItem Value="GA" Text="GA" />
<telerik:RadComboBoxItem Value="ID" Text="ID" />
<telerik:RadComboBoxItem Value="IL" Text="IL" />
<telerik:RadComboBoxItem Value="IN" Text="IN" />
<telerik:RadComboBoxItem Value="IA" Text="IA" />
<telerik:RadComboBoxItem Value="KS" Text="KS" />
<telerik:RadComboBoxItem Value="KY" Text="KY" />
<telerik:RadComboBoxItem Value="LA" Text="LA" />
<telerik:RadComboBoxItem Value="ME" Text="ME" />
<telerik:RadComboBoxItem Value="MD" Text="MD" />
<telerik:RadComboBoxItem Value="MA" Text="MA" />
<telerik:RadComboBoxItem Value="MI" Text="MI" />
<telerik:RadComboBoxItem Value="MN" Text="MN" />
<telerik:RadComboBoxItem Value="MS" Text="MS" />
<telerik:RadComboBoxItem Value="MO" Text="MO" />
<telerik:RadComboBoxItem Value="MT" Text="MT" />
<telerik:RadComboBoxItem Value="NE" Text="NE" />
<telerik:RadComboBoxItem Value="NV" Text="NV" />
<telerik:RadComboBoxItem Value="NH" Text="NH" />
<telerik:RadComboBoxItem Value="NJ" Text="NJ" />
<telerik:RadComboBoxItem Value="NM" Text="MN"/>
<telerik:RadComboBoxItem Value="NY" Text="NY" />
<telerik:RadComboBoxItem Value="NC" Text="NC" />
<telerik:RadComboBoxItem Value="ND" Text="ND" />
<telerik:RadComboBoxItem Value="OH" Text="OH" />
<telerik:RadComboBoxItem Value="OK" Text="OK" />
<telerik:RadComboBoxItem Value="OR" Text="OR" />
<telerik:RadComboBoxItem Value="PA" Text="PA" />
<telerik:RadComboBoxItem Value="PR" Text="PR" />
<telerik:RadComboBoxItem Value="RI" Text="RI" />
<telerik:RadComboBoxItem Value="SC" Text="SC" />
<telerik:RadComboBoxItem Value="SD" Text="SD" />
<telerik:RadComboBoxItem Value="TN" Text="TN" />
<telerik:RadComboBoxItem Value="TX" Text="TX" />
<telerik:RadComboBoxItem Value="UT" Text="UT" />
<telerik:RadComboBoxItem Value="VI" Text="VI" />
<telerik:RadComboBoxItem Value="VT" Text="VT" />
<telerik:RadComboBoxItem Value="VA" Text="VA" />
<telerik:RadComboBoxItem Value="WA" Text="WA" />
<telerik:RadComboBoxItem Value="WV" Text="WV" />
<telerik:RadComboBoxItem Value="WI" Text="WI" />
<telerik:RadComboBoxItem Value="WY" Text="WY" />
</Items>
</telerik:RadComboBox>
</td>
<td style="padding-right:12px">
<label id="lblDriversLicenseExpDate" runat="server" meta:resourcekey="lblDriversLicenseExpDateResource1" class="LabelText" >Expires:</label>
<label id="lblDriversLicenseExpDateReq" runat="server" class="ReqIndicator">*</label>
<asp:RequiredFieldValidator ID="rfvDriversLicenseExpDate" Display="Dynamic" CssClass="ValidationText" ValidationGroup="A"
runat="server" ErrorMessage="Required" ControlToValidate="rdiDriversLicenseExpDate"
meta:resourcekey="rfvResource1" ></asp:RequiredFieldValidator><br />
<telerik:RadDateInput ID="rdiDriversLicenseExpDate" runat="server" Width="100px" DateFormat="d" >
</telerik:RadDateInput>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</ContentTemplate>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Residence" Expanded="true" meta:resourcekey="rtResidenceResource1">
<ContentTemplate>
<div runat="server" id="divPageView2InnerDiv" class="OnePageInnerDiv" visible="true">

<table class="FieldSetTable" cellpadding="0" cellspacing="0">
<tr>
<td style="vertical-align:top">
<table runat="server" id="tablePresAddressHead" cellpadding="0" cellspacing="0" style="margin-top:5px">
<tr>
<td style="padding-bottom:0px; padding-top:0">
<h4 runat="server" id="h4PresentAddress" style="width:760px; margin:0px" meta:resourcekey="h4PresentAddressResource1" >Present Address</h4>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" style="margin-top:5px">
<tr>
<td style="padding-right:12px">
<label id="lblStreetNumber" runat="server" meta:resourcekey="lblStreetNumberResource1" class="LabelText">Street #:</label>
<label id="lblStreetNumberReq" runat="server" class="ReqIndicator">*</label>
<asp:RequiredFieldValidator ID="rfvStreetNumber" runat="server" Display="Dynamic" CssClass="ValidationText" ValidationGroup="A"
ControlToValidate="txtStreetNumber" ErrorMessage="Reqd"
meta:resourcekey="rfvResource2"></asp:RequiredFieldValidator><br />
<asp:TextBox ID="txtStreetNumber" runat="server" Width="80px" MaxLength="10"></asp:TextBox>
</td>
<td style="padding-right:12px">
<label id="lblStreetName" runat="server" meta:resourcekey="lblStreetNameResource1" class="LabelText">Street Name:</label>
<label id="lblStreetNameReq" runat="server" class="ReqIndicator">*</label>
<asp:RequiredFieldValidator ID="rfvStreetName" runat="server" Display="Dynamic" CssClass="ValidationText" ValidationGroup="A"
ControlToValidate="txtStreetName" ErrorMessage="Required"
meta:resourcekey="rfvResource1"></asp:RequiredFieldValidator><br />
<asp:TextBox ID="txtStreetName" runat="server" Width="220px" MaxLength="50" onblur="ForceProper(this);" ></asp:TextBox>
</td>
<td style="padding-right:12px">
<label id="lblApt" runat="server" meta:resourcekey="lblAptResource1" class="LabelText">Apt/Unit:</label>
<label id="lblAptReq" runat="server" class="ReqIndicator">*</label>
<asp:RequiredFieldValidator ID="rfvApt" runat="server" Display="Dynamic" CssClass="ValidationText" ValidationGroup="A"
ControlToValidate="txtApt" ErrorMessage="Reqd"
meta:resourcekey="rfvResource2"></asp:RequiredFieldValidator><br />
<asp:TextBox ID="txtApt" runat="server" Width="80px" MaxLength="10"></asp:TextBox>
</td>
<td style="padding-left:52px">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="padding-right:12px">
<label id="lblPresLived" runat="server" meta:resourcekey="lblPresLivedResource1" class="LabelText">Time at this Address:</label>
<label id="lblPresLivedReq" runat="server" class="ReqIndicator">*</label>
<asp:CustomValidator id="cvPresLived" runat="server" Display="Dynamic" CssClass="ValidationText" ValidationGroup="A"
ErrorMessage = "Reqd" ClientValidationFunction="ValidatePresLived" ></asp:CustomValidator><br />
<telerik:RadNumericTextBox ID="rniPresLived" runat="server" Width="70px"
Type="Number" NumberFormat-DecimalDigits="0" EmptyMessage="Years" MaxValue="100" MinValue="0" ></telerik:RadNumericTextBox>  
<telerik:RadNumericTextBox ID="rniPresLivedMonths" runat="server" Width="70px"
Type="Number" NumberFormat-DecimalDigits="0" EmptyMessage="Months" MaxValue="11" MinValue="0" ></telerik:RadNumericTextBox>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>

FormDecorator

answered on 03 Nov 2014

4 answers

144 views

Required Validation with AllowCustomText

Hi:

I have to to be persistent, but I can get the validation to be ignored. First the code (view):

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>

<div>

<telerik:RadComboBox ID="haulerDropDown" runat="server"

DataSourceID = "haulerDataSource" DataTextField="Text" DataValueField="Value"

AllowCustomText="true" Width="200" >

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server"

ControlToValidate="haulerDropDown" ValidationGroup="HeaderValidationGroup"

ErrorMessage="'Hauler' is required" Text="*" ForeColor="Red"

/>

</div>

<asp:Button ID="Button1" runat="server" Text="Button" ValidationGroup="HeaderValidationGroup" />

<asp:ObjectDataSource ID="haulerDataSource" runat="server"

SelectMethod="Hauler" TypeName="App.DropDowns">

</asp:ObjectDataSource>

</form>

</body>

</html>

Code behind:

Option Strict On

Option Explicit On

Partial Class _Default

Inherits System.Web.UI.Page

Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click

Dim _value As String = haulerDropDown.SelectedValue

Dim _i As Integer = 1

End Sub

End Class

and data for the data source (in App_Code):

Option Strict On

Option Explicit On

Imports Microsoft.VisualBasic

Namespace App

Public Class DropDown

Public Property Value() As String

Public Property Text() As String

Public Property Selected() As Boolean

Public Sub New()

Me.Value = ""

Me.Text = ""

Me.Selected = False

End Sub

Public Sub New(ByVal value As String, ByVal text As String)

Me.Value = value

Me.Text = text

Me.Selected = False

End Sub

Public Sub New(ByVal value As String, ByVal text As String, ByVal selected As Boolean)

Me.Value = value

Me.Text = text

Me.Selected = selected

End Sub

End Class

'

Public Class DropDowns

Public Function Hauler() As List(Of DropDown)

Dim _dropDown As List(Of DropDown) = _

New List(Of DropDown) From { _

New DropDown With {.Value = "9 Point", .Text = "9 Point"}, _

New DropDown With {.Value = "R. A.", .Text = "R. A."}, _

New DropDown With {.Value = "A. B.", .Text = "A. B."}, _

New DropDown With {.Value = "B. C.", .Text = "B. C."}, _

New DropDown With {.Value = "Beck", .Text = "Beck"}}

Return _dropDown

End Function

End Class

End Namespace

Now place a break point in the code behind on the _i int. Now launch the page. Click the button and all works as expected (does not submit and the * indicates a validation error). Now delete the text, and tab out and delete the text again and tab out (the combo-box should be empty now). Now click the button and the validation control does NOT stop the submit, and if you check the SelectedValue the combo-box is empty.

Phil

ComboBox

answered on 03 Nov 2014

3 answers

214 views

RadHtmlChart Numbers Overlapping

Hello forum,
we are using RadHtmlCharts for showing monitoring data.
We experience one Problem:
When the numbers are too big they overlap into the legend and other diagrams (as seen in the attachments).
While the data in the screenshot is mock data it is realistic, that we have numbers that big.
Is there any way to prevent the numbers from overlapping?

Torben Lochow

Chart (Obsolete)

answered on 03 Nov 2014

6 answers

384 views

move to next cell for radgrid in Batch mode editing

Hello,

I am using the radgrid in Batch mode editing, I want to be able to move to next cell while adding new record or editing by pressing the Tab key, is that possible?

I have set AllowKeyboardNavigation="true".

Is there any sample for that.

Thanks in advance

Bary

Grid

answered on 03 Nov 2014

1 answer

100 views

PopupWindow

Hello Guys...
I have Question About Radwindow.
I created a Radwindow and I create few Control like textbox and button box .
I want,when i clicked The button COntent of textbox or what ever there Send to the asp.net server
For Example :
On Radwindow:
<asp:TextBox ID="txt1" runat="server" />
<asp:TextBox ID="txt2" runat="server" />
<asp:TextBox runat="server" ID="txtresult" />
<asp:Button Text="click" ID="BtnClick" runat="server" />
------------------------------------------------------------
JAvaSCript:

<telerik:RadCodeBlock runat="server" ID="rdbScripts">
<script type="text/javascript">

function togglePopupModality() {
var wnd = $find("<%=modalPopup.ClientID %>");

wnd.set_modal(!wnd.get_modal());
if (!wnd.get_modal()) document.documentElement.focus();
}
function showDialogInitially() {
var wnd = $find("<%=modalPopup.ClientID %>");
wnd.show();
Sys.Application.remove_load(showDialogInitially);
}
Sys.Application.add_load(showDialogInitially);

</script>
</telerik:RadCodeBlock>
-----------------------------------------------------------

on Server Side(code behind)
protected void BtnClick_Click(object sender, EventArgs e)
{
LblResult.Text = txt1.Text + txt2.Text;
}

When I clicked the Button There is nothing To show.

How can i Do that >?
please help

General Discussions

answered on 03 Nov 2014

1 answer

80 views

ShowContentDuringLoad="false" Clear Skin

Hi,

I'm using the Clear skin throughout but with ShowContentDuringLoad="false" the loading image is not showning.
All OK if I change to a standard skin.
Is there a workaround please?

Cheers,
Jon

Window

answered on 03 Nov 2014

1 answer

80 views

Template mechanism for loading data via web service

Is there any template mechanism available, if the tool tip data is beeing loaded by a web service?

ToolTip

answered on 03 Nov 2014

1 answer

212 views

window.radopen is not working in browsers like IE8+, Chrome, Mozilla etc

Hi All,

Recently we migrated one of our web solution from visual studio 2005 to visual studio 2013. In this conversion we are not upgrading our  DLLs (including RAD and Telerik), DLLs are  having same old versions.

Our target framework is .Net FrameWork 2.0.

Our application is not working properly with RAD controls in browsers like IE8+, Chrome, Mozilla etc.

Mainly we are facing issue with window.radopen.

Instead of showing Pop-Ups, Its throwing error in Browsers.

We have attached Error Image of respective browser:

A. IE 8+: error_IE8+.png

B. Chrome: error_Chrome.png

C. Mozilla: error_Mozilla.png

We are using RadWindow.Net2 of version 1.6.1.0 and using following function to open Popup , the same function and our web solution with same DLLs is working fine in IE 8 and IE7.

function Show(flgURL,windowName)

{

try{

var oWidth=400;

var oHeight=320;

var oWnd = window.radopen(null, windowName );

var sUrl = flgURL;

oWnd.SetSize (oWidth,oHeight);

oWnd.Top= 100;

oWnd.SetStatus(" ");

oWnd.SetUrl(sUrl);

return false;

}catch(err)

{

alert(err);

}

Please suggest us any suitable solution to resolve this issue.

Ajax

answered on 03 Nov 2014

1 answer

155 views

window.radopen is not working in browsers like IE8+, Chrome, Mozilla etc

Hi All,

Recently we migrated one of our web solution from visual studio 2005 to visual studio 2013. In this conversion we are not upgrading our  DLLs (including RAD and Telerik), DLLs are  having same old versions.

Our target framework is .Net FrameWork 2.0.

Our application is not working properly with RAD controls in browsers like IE8+, Chrome, Mozilla etc.

Mainly we are facing issue with window.radopen.

Instead of showing Pop-Ups, Its throwing error in Browsers.

We have attached Error Image of respective browser:

A. IE 8+: error_IE8+.png

B. Chrome: error_Chrome.png

C. Mozilla: error_Mozilla.png

We are using RadWindow.Net2 of version 1.6.1.0 and using following function to open Popup , the same function and our web solution with same DLLs is working fine in IE 8 and IE7.

function Show(flgURL,windowName)

{

try{

var oWidth=400;

var oHeight=320;

var oWnd = window.radopen(null, windowName );

var sUrl = flgURL;

oWnd.SetSize (oWidth,oHeight);

oWnd.Top= 100;

oWnd.SetStatus(" ");

oWnd.SetUrl(sUrl);

return false;

}catch(err)

{

alert(err);

}

Please suggest us any suitable solution to resolve this issue.

General Discussions

answered on 03 Nov 2014

14 answers

503 views

Icon Override?

Is there any way to override the icon displayed for a file? I'm using a custom file browser provider which works fine, but the files aren't really files, they're items in my database, and their names have no file extension, and I don't want to add one just to get an icon to appear. How would I display my own icon for files?

FileExplorer

answered on 03 Nov 2014