Questions on UI for ASP.NET AJAX Forum

2 answers

112 views

Hi

Is there an easy way to have 2 calendars on a single page that are linked such that if one month is changed the other shows the previous / next (Depeneding on context). Like Outlook.

Andy

Calendar

answered on 12 Nov 2014

1 answer

71 views

Line-heights in PanelBar Item Template With Form Decorator

Hello,
I have a RadPanelBar that contains Item Templates that are decorated with the RadForm Decorator. We give the user the ability to select different skins for the Item template (using the form decorator) from that of the PanelBar. The idea is to have independent control over the look of the items vs the containing panel bar.

The problem I am having is with the line heights of the controls in the Item templates. When the PanelBar is set to one of the touch style skins and the form decorator is set to a non-touch skin, the line heights are too tall creating too much space between rows. Can you tell me how I can override the line-heights that are being inherited from the panelbar skin?

Thanks.

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="CreditAppWizard.WebForm1" %>

<!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">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js">

</asp:ScriptReference>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js">

</asp:ScriptReference>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js">

</asp:ScriptReference>

</Scripts>

</telerik:RadScriptManager>

<telerik:RadFormDecorator ID="fdControls" runat="server" DecoratedControls="all" DecorationZoneID="divRFDZone" Skin="Sunset" RenderMode="Lightweight" >

</telerik:RadFormDecorator>

<div runat="server" id="divRFDZone" class="UserControlDefaults" >

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="812px" BackColor="White" CausesValidation="true" ValidationGroup="A" Skin="MetroTouch">

<Items>

<telerik:RadPanelItem Text="Personal Info" meta:resourcekey="rtPersonalInfoResource1" Expanded="true">

<ContentTemplate>

<div runat="server" id="divPageView1InnerDiv" class="OnePageInnerDiv" visible="true">

<table class="FieldSetTable" cellpadding="0" cellspacing="0">

<tr>

<td style="vertical-align:top">

<table runat="server" id="table1" cellpadding="0" cellspacing="0" style="margin-top:5px">

<tr>

<td style="padding-bottom:0px; padding-top:0">

<h4 runat="server" id="h4PersonalInfo" style="width:760px; margin:0px" meta:resourcekey="h4PersonalInfoResource1" >Contact Information</h4>

</td>

</tr>

</table>

<table cellpadding="0" cellspacing="0" style="margin-top:5px">

<tr>

<td style="padding-right:12px">

<label id="lblFname" runat="server" meta:resourcekey="lblFnameResource1" class="LabelText" >First Name:</label>

<br />

<asp:TextBox ID="txtFname" runat="server" Width="180px" onkeypress="javascript:Changed(this);" MaxLength="50" onblur="ForceProper(this);" AutoPostBack="false" ></asp:TextBox>

</td>

<td style="padding-right:12px">

<label id="lblMname" runat="server" meta:resourcekey="lblMnameResource1" class="LabelText" >Middle Name:</label>

<br />

<asp:TextBox ID="txtMname" runat="server" Width="100px" MaxLength="50" onblur="ForceProper(this);" AutoPostBack="false" ></asp:TextBox>

</td>

<td>

<label id="lblLname" runat="server" meta:resourcekey="lblLnameResource1" class="LabelText" >Last Name:</label>

<br />

<asp:TextBox ID="txtLName" runat="server" Width="180px" MaxLength="50" onblur="ForceProper(this);" AutoPostBack="false" ></asp:TextBox>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<table cellpadding="0" cellspacing="0" style="margin-top:2px">

<tr>

<td style="padding-right:12px">

<label runat="server" id="lblHphone" meta:resourcekey="lblHphoneResource1" class="LabelText" >Home Phone:</label>

<br />

<asp:TextBox ID="txtHphone" runat="server" Width="180px" AutoPostBack="false" ></asp:TextBox>

</td>

<td style="padding-right:12px">

<label runat="server" id="lblMphone" meta:resourcekey="lblMphoneResource1" class="LabelText" >Mobile Phone:</label>

<label runat="server" id="lblSameAsLink" class="fauxLink9" style="font-size: 9px" meta:resourcekey="lblSameAsLinkResource1">Same as Home</label>

<br />

<asp:TextBox ID="txtMphone" runat="server" Width="180px" AutoPostBack="false" ></asp:TextBox>

</td>

<td>

<label id="lblOtherPhone" runat="server" meta:resourcekey="lblOtherPhoneResource1" class="LabelText" >Other Phone:</label>

<label id="lblOtherPhoneReq" runat="server" class="ReqIndicator">*</label>

<br />

<asp:TextBox ID="txtOtherPhone" runat="server" Width="180px" AutoPostBack="false" ></asp:TextBox>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td style="vertical-align:top">

<table cellpadding="0" cellspacing="0" style="margin-top:2px">

<tr>

<td style="padding-right:12px">

<label id="lblEmail" runat="server" meta:resourcekey="lblEmailAddressResource1" class="LabelText" >Email:</label>

<br />

<asp:TextBox ID="txtEmail" runat="server" Width="200px" MaxLength="255" AutoPostBack="false"></asp:TextBox>

</td>

</tr>

</table>

</td>

</tr>

</table>

</div>

</ContentTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</div>

</form>

</body>

</html>

FormDecorator

answered on 12 Nov 2014

7 answers

957 views

ItemDatabound even in Batch Edit mode of Rad Grid

I have a RadGrid in batch edit mode.
I want to bind drop down in Edit template column to some data from database when the row enters in Edit mode.
The data will be fetched based on a parameter passed from one of the column of the selected row. So data that gets binded to dropdown is not static and can vary on row-to-row.

Ideal I would do this in ItemDatabound event of the asp.net GridView. But I noticed that in Batch Edit mode of RadGrid ItemDatabound doesn't get fired.

How do I achieve this functionality in this case?
Thank you

Grid

answered on 12 Nov 2014

2 answers

175 views

Stylesheet for RadGrid

I worked out a RadGrid, but the rendered layout are not in a table format, it's a list of div in a single line/row

What is needed to make it form in table format?

I tried include RadSkinManager, no difference.

I'm assuming it should be as simple as including this
<LINK rel=stylesheet type=text/css href="/??.css">

but I can't see documentation or sample of this

Grid

answered on 12 Nov 2014

6 answers

1.0K+ views

Telerik.Web.UI.WebResource.axd throws 500 Internal Server Error

When the Grid is loaded

The below mentioned calls fails. I have deployed my site in IIS7 in classic mode.
GET http://localhost:12000/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_HiddenField&_TSM_CombinedScripts_=%3b%3bTelerik.Web.UI%2c+Version%3d2008.1.415.20%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a7430ed72-7698-4d11-b25c-4354604bd0be%3a393f5085%3a34f9d57d%3ac6335cbd%3aa8595f70%3a4b6f7e66%3a80ec1d93%3aa9723048%3a9703c1f0%3aa3f85c94%3a819163f9%3abdca08ad%3a6f2bcae9%3a414de951 500 (Internal Server Error)
Also,

My config file looks as shown below:-

<add path="Telerik.ReportViewer.axd" verb="*" type="Telerik.ReportViewer.WebForms.HttpHandler, Telerik.ReportViewer.WebForms" validate="true"/>
			<add path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI" validate="false"/>

Grid

answered on 11 Nov 2014

1 answer

114 views

Handling the Save button ...

I always want to determine the name to save under so do not need the Save dialog to popup, how do I make it so that my save function gets called when the user clicks the save icon?

TIA

ImageEditor

answered on 11 Nov 2014

5 answers

249 views

Bootstrap items not stacking on resize

I have a splitter with some form controls inside it and when the area is resized with the split bar the controls dont stack, yet if I resize the whole browser window it does. Do I need to call some sort of client resize function?

Splitter

answered on 11 Nov 2014

1 answer

137 views

get raddatePicker on ItemCommand

I was trying to follow the same code here on a telerik web site, becuase I need to do the smae thing, however it keeps telling me that I cannot get ahold of the raddatePicker that I put on the editform template, I am guessing its cause i am binding to a datatable. I need to be able to get a hold of the raddate and time pickers and store them in a session datatable until i insert them into a database.

<telerik:RadGrid ID="myradGrid" runat="server" Skin="Web20" CssClass="CentGrid50" Visible="false">

<MasterTableView AutoGenerateColumns="true" ShowHeadersWhenNoRecords="true" CommandItemDisplay="Top">

<EditFormSettings EditFormType="Template">

<FormTemplate>

<table>

<tr>

<td>

<telerik:RadDatePicker ID="dtbegin" runat="server" Width="100px"></telerik:RadDatePicker>

</td>

</tr>

<tr>

<td>

<telerik:RadTimePicker ID="dtTimeBegin" runat="server" Width="100px">

<TimeView runat="server" Interval="00:30:00"></TimeView>

</telerik:RadTimePicker>

</td>

</tr>

<tr>

<td>

<telerik:RadTimePicker ID="RadTimePicker1" runat="server" Width="100px">

<TimeView runat="server" Interval="00:30:00"></TimeView>

</telerik:RadTimePicker>

</td>

</tr>

<tr>

<td>

<asp:LinkButton ID="lnkSubmit" runat="server" text='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "Insert", "Update") %>'

CommandName='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "PerformInsert", "Update")%>'></asp:LinkButton>

<asp:LinkButton ID="lnkCancel" runat="server" CausesValidation="false" CommandName="Cancel" Text="Cancel"></asp:LinkButton>

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

Protected Sub myradGrid_NeedDataSource(sender As Object, e As GridNeedDataSourceEventArgs) Handles myradGrid.NeedDataSource

Dim dt As New DataTable

dt.Columns.Add("Date Begin")

dt.Columns.Add("Time Begin")

dt.Columns.Add("Time End")

If Session("Table") IsNot Nothing Then

dt = DirectCast(Session("Table"), DataTable)

End If

myradGrid.DataSource = dt

'populate RadGrid with datatable

Session("Table") = dt

End Sub

Heres my code to try to get at the insert into the datatable but it will not allow me to get at the raddate or time pickers, says cannot be converted from table cell.

Protected Sub myradGrid_ItemCommand(sender As Object, e As GridCommandEventArgs) Handles myradGrid.ItemCommand

If (e.CommandName = RadGrid.PerformInsertCommandName) Then

Dim editedItem As GridEditableItem = CType(e.Item, GridEditableItem)

Dim dtbegin As RadDatePicker = DirectCast(editedItem("dtbegin"), RadDatePicker)

Dim dt As DataTable

dt = DirectCast(Session("Table"), DataTable)

Dim drValues As DataRow = dt.NewRow()

drValues("Date Begin") = dtbegin.Text

drValues("Time Begin") = timeBegin.Text

drValues("Time End") = timeEnd.Text

dt.Rows.Add(drValues)

'adding new row into datatable

dt.AcceptChanges()

Session("Table") = dt

myradGrid.Rebind()

End If

End Sub

Grid

answered on 11 Nov 2014

1 answer

127 views

Inline Edit with DropdownList as Editor Template - updating other fields in edit line

Hi

our business requirement is to have a grid which when we choose to add a new record the first column will have a dropdown list with a collection of providers listed. On selecting the required provider we want to update a number of the other columsn in the new record being added leaving 2 other fields to be entered before saving.

I have the dropdown working in the list but cannot work out how to update the other columns withinn the edit row

is this possible?

Grid

answered on 11 Nov 2014

1 answer

77 views

Can you change the shape of the bars in a column chart?

I have a client that wants the bars in a RadHtmlChart column chart to have shaped top rather than the default squared end (see attached).

Is this possible? If so, how would I do it?

Chart (HTML5)

answered on 11 Nov 2014