Questions on UI for ASP.NET AJAX Forum

1 answer

91 views

Is it possible "reset" the uploaded state of a fileinput?

I am using RadAsyncUpload.

I would like to select a file via "browse" from the input, perform a preview which that does some pre-processing and validation.I then return information to the user regarding the validity of the upload file. If the end users wishes too, they should just be able simply press another button which writes the changes. I noticed that after a file is uploaded even though the name persists in the input, performing and upload again does not do anything. Is there a way to achieve this behavior?

AsyncUpload

answered on 09 Sep 2013

4 answers

216 views

Enable Timeline View in Radscheduler

Hi, how do i enable the timeline view in the radscheduler? I need to also make it appear as a button alongside "Day", "Week", "Month" buttons in the rad scheduler header. Thanks!

Scheduler

answered on 09 Sep 2013

1 answer

104 views

Export the radscheduler appointmens in ics format

Hi,

Can any one please help on Exporting the radscheler appointments to an ics format?
I know we can do a pdf format using below
<ExportSettings OpenInNewWindow="True">
<Pdf AllowCopy="True" />
</ExportSettings>

But would like to know same for ICS

Scheduler

answered on 09 Sep 2013

1 answer

57 views

Inserting an appointment from customized page

Hi Telerik,

Tried inserting appointments to my radscheduler and its getting inserted to previous day of the actual appointment.

Suppose If I try to insert an appointment foe Sep4th , I can see the aptmt getting inserted on Sep3rd. What would be the cause? Please help me on this.

Scheduler

answered on 09 Sep 2013

5 answers

148 views

[Solved] submenus dont appear in IE10

I've just realised that when hovering over a Main Menu item, the Sub Menu items don't appear in IE 10. I've tested with IE8 and Chrome and the Sub Menu items appear.
I have removed all my css from the RadMenu and it still doesn't seem to show in IE10.
I am using version 2013.2.611.45 of the Telerik.Web.UI dll.

A very simple example where it is not showing is:

<div style="height:20%;padding-top:51px;width:100%;">

<telerik:RadMenu CollapseAnimation-Duration="2000" ExpandAnimation-Duration="2000" ID="RadMenu1" Style="float:right;" Flow="Horizontal" runat="server">

<Items>

<%--when moving the order of these items, make sure you update the Enum in code--%>

<telerik:RadMenuItem Text="menu 1"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="menu 2"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="menu 3"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="menu 4"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="menu 5"></telerik:RadMenuItem>

<telerik:RadMenuItem Selected="true" Text="menu 6">

<Items>

<%--when moving the order of these items, make sure you update the Enum in code--%>

<telerik:RadMenuItem Text="Admin 1"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Admin 2"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Admin 3" ></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Admin 4" ></telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</div>

Menu

answered on 09 Sep 2013

1 answer

209 views

Setting RadDockLayout - LayoutPersistenceRepositoryType='Custom' causes StackOverflow

Testing out the abilities of the RadDockLayout control to persist state using EnableLayoutPersistence='True', and I've run into a bit of a snag..setting LayoutPersistenceRepositoryType='Custom' causes the following error in VS 2010 when debugging:

An unhandled exception of type 'System.StackOverflowException' occurred in mscorlib.dll

However setting the property to Cookies, FileSystem or None allows the page to load correctly. The ASPX code I'm using to test comes straight from Telerik's example (http://www.telerik.com/help/aspnet-ajax/introduction.html):

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html>
<html lang="en">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <telerik:RadDockLayout runat="server" ID="RadDockLayout1" EnableLayoutPersistence="true"
        LayoutPersistenceRepositoryType="Custom" LayoutRepositoryID="CustomLayout">
        <telerik:RadDockZone runat="server" ID="RadDockZone1" Width="300" MinHeight="200">
            <telerik:RadDock runat="server" ID="RadDock1" Title="RadDock 1" Width="300">
            </telerik:RadDock>
            <telerik:RadDock runat="server" ID="RadDock2" Title="RadDock 2" Width="300">
            </telerik:RadDock>
        </telerik:RadDockZone>
        <telerik:RadDockZone runat="server" ID="RadDockZone2" Width="300" MinHeight="200">
        </telerik:RadDockZone>
    </telerik:RadDockLayout>
    </form>
</body>
</html>

There is no code-behind other than the page_init and the framework of the implemented IStateStorageProvider.

I'm stumped. I rebooted to see is Win7 wasn't flaked out, but even that didn't work. If I can supply any other info please let me know.

Todd

Dock

answered on 09 Sep 2013

3 answers

134 views

RadTabStrip issue

In my page, I have a radtabstrip which contains a user control in it. In user control, i have a jquery method for textbox onchange. In this onchange event, I am setting hidden field value which I need in my parent page. This is working fine if I changed the text and click on anywhere on the page or on focus change. But if I changed the textbox(without clicking anywhere on page/without changing focus) and click on radtab its not firing. The problem is in IE. It's working fine in Chrome and Mozilla.

TabStrip

answered on 09 Sep 2013

1 answer

57 views

Support for Resizing RadDocks with DockMode set to Docked

Hi,

I will be using version 2013 2 717 of the ASP.NET for AJAX controls.

Q. Can you tell me what you officially support with regards to resizing RadDocks that have their DockMode set to Docked?

Q. From reading various forum posts, it seems that the resize feature is only "officially supported" when the docks are floating. Is that correct? I've seen javascript workarounds for when RadDocks are docked, but when I implement the workarounds I still encounter minor bugs that would prevent me from using the workarounds.

Q. Do you know if you plan to support height and width resizing RadDocks that have their DockMode set to Docked in the future?

Thanks,
Brent

Dock

answered on 09 Sep 2013

1 answer

98 views

Combobox databind from string not working

In my application, it will pop up a radwindow when user add/edit record.
And I want to databind a combox from a string, but my code not working.

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head id="Head1" runat="server">

</head>

<body>

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

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

</telerik:RadScriptManager>

<telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%" Orientation="Horizontal">

<telerik:RadPane ID="rpContent" runat="server">

<asp:Panel ID="Panel1" runat="server" Width="100%" CssClass=thePanel>

<asp:Table ID="Table0" runat="server" Height="100%">

<asp:TableRow>

<asp:TableCell Font-Bold="true" font-size="10pt" CssClass=theHead>

Payroll Allowance

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</asp:Panel>

<telerik:RadToolBar ID="rtbMain" runat="server" Width="100%">

<Items>

<telerik:RadToolBarButton Width="80px" Value="Add" Text="Add" CausesValidation="false"></telerik:RadToolBarButton>

<telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton>

<%-- <telerik:RadToolBarButton Width="80px" Value="Edit" Text="Edit" CausesValidation="false" Enabled=false></telerik:RadToolBarButton>

<telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton>

<telerik:RadToolBarButton Width="80px" Value="Delete" Text="Delete" CausesValidation="false" Enabled=false></telerik:RadToolBarButton>

<telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton>

--%>

<telerik:RadToolBarButton Width="80px" Value="Report" Text="Report" visible=false CausesValidation="false"></telerik:RadToolBarButton>

<telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

<div id="printarea">

<asp:Table ID="tblHistory" width=800px runat="server" >

<asp:TableRow>

<asp:TableCell>

<asp:Table ID="Table1" runat="server" Width=650 BorderStyle=None>

<asp:TableRow>

<asp:TableCell CssClass=fieldheader Width=150>Staff Name</asp:TableCell>

<asp:TableCell Width=250><asp:Label ID="lbStaffName" runat=server></asp:Label></asp:TableCell>

<asp:TableCell CssClass=fieldheader Width=150>Staff No.</asp:TableCell>

<asp:TableCell Width=250><asp:Label ID="lbStaffNo" runat=server></asp:Label></asp:TableCell>

</asp:TableRow>

</asp:Table>

</asp:TableCell>

</asp:TableRow>

</asp:Table>

<br />

<telerik:RadGrid ID="rgAllowance" runat="server" DataSourceID="ldsAllowance"

GridLines="None" Width="800px" AllowSorting="True" AutoGenerateColumns="false" AllowFilteringByColumn="false" ShowGroupPanel=false ShowFooter="False"

AllowPaging="True" PageSize="15">

<PagerStyle Position="TopAndBottom" />

<ClientSettings EnablePostBackOnRowClick="True" AllowColumnsReorder="True" AllowDragToGroup="false" ReorderColumnsOnClient="True">

<Selecting AllowRowSelect="True" />

</ClientSettings>

<MasterTableView DataSourceID="ldsAllowance" DataKeyNames="AllowanceID" >

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<RowIndicatorColumn>

<HeaderStyle Width="10px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="10px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="AllowanceID" HeaderText="Allowance ID" ReadOnly="True"

SortExpression="AllowanceID" UniqueName="AllowanceID" Visible=false>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="PPSCompanyCode" HeaderText="Allowance Code" ReadOnly="True"

SortExpression="PPSCompanyCode" UniqueName="PPSCompanyCode"><ItemStyle Font-Underline="True" BackColor=White ForeColor="Blue" BorderColor=ActiveBorder/>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EntitleFrom" HeaderText="Entitle From" ReadOnly="True" DataFormatString="{0:dd-MMM-yyyy}"

SortExpression="EntitleFrom" UniqueName="EntitleFrom"><ItemStyle BackColor=White BorderColor=ActiveBorder />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EntitleTo" HeaderText="Entitle To" ReadOnly="True" DataFormatString="{0:dd-MMM-yyyy}"

SortExpression="EntitleTo" UniqueName="EntitleTo"><ItemStyle BackColor=White BorderColor=ActiveBorder/>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="AllowanceAmount" HeaderText="Remarks" ReadOnly="True" DataFormatString="{0:N}"

SortExpression="AllowanceAmount" UniqueName="AllowanceAmount"><ItemStyle BackColor=White BorderColor=ActiveBorder/>

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

</telerik:RadPane>

</telerik:RadSplitter>

<telerik:RadWindow ID="RadWindow1" runat="server" Width="580px" Height="300px" Behaviors="Close"

Title="Add/Modify Payroll Allowance" >

<ContentTemplate>

<asp:Table ID="Table2" runat="server" Width="100%" Height="100%">

<asp:TableRow >

<asp:TableCell CssClass="editheader">Allowance Code: </asp:TableCell>

<asp:TableCell>

<telerik:RadComboBox ID="dfAllowanceCode" runat="server" Width="250px"

AppendDataBoundItems="true" AutoPostBack="true"

OnDataBound="dfAllowanceCode_DataBound">

<Items>

<telerik:RadComboBoxItem Text="--Select--" Value="" />

</Items>

</telerik:RadComboBox>

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell CssClass="editheader">Entitle From: </asp:TableCell>

<asp:TableCell>

<asp:HiddenField ID="dfAllowanceID" Value="0" runat="server" />

<telerik:RadDatePicker ID="dfStartDate" runat="server" Width="150px" DateInput-DateFormat="dd-MMM-yyyy" Enabled=false>

</telerik:RadDatePicker>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="* Required"

ControlToValidate="dfStartDate"></asp:RequiredFieldValidator>

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell CssClass="editheader">Entitle To: </asp:TableCell>

<asp:TableCell>

<telerik:RadDatePicker ID="dfEndDate" runat="server" Width="150px" DateInput-DateFormat="dd-MMM-yyyy" Enabled=false>

</telerik:RadDatePicker>

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="* Required"

ControlToValidate="dfEndDate"></asp:RequiredFieldValidator>

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell CssClass="editheader">Amount: </asp:TableCell>

<asp:TableCell>

<telerik:RadNumericTextBox ID="dfAmount" runat="server" Width="400px" Height="50px" Enabled="false"

NumberFormat-DecimalDigits="2" >

</telerik:RadNumericTextBox >

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell BackColor="#EEEEEE" ColumnSpan="2" HorizontalAlign="Center">

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

<asp:Button ID="btnDelete" runat="server" Text="Delete" Width="80px" CausesValidation="false" />

<asp:Button ID="btnCancel" runat="server" Text="Close" Width="80px" CausesValidation="false" />

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</ContentTemplate>

</telerik:RadWindow>

<asp:LinqDataSource ID="ldsAllowance" runat="server" ContextTypeName="dcHRISDataContext"

OrderBy="EntitleFrom desc,AllowanceID desc"

TableName="HRIS_PPSAllowances" Where="SID==@SID">

<WhereParameters>

<asp:QueryStringParameter DefaultValue="0" Name="SID" QueryStringField="SID"

Type="Int32" />

</WhereParameters>

</asp:LinqDataSource>

</form>

</body>

</html>

Code Behind:

Protected Sub dfAllowanceCode_DataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadComboBoxItemEventArgs) Handles dfAllowanceCode.DataBound

dfAllowanceCode.Items.Clear()

Dim S As String = "PPS123, PPS22323, PPS5454, PPS1231"

Dim arrayvalue As String() = S.Split(","c)

For i As Integer = 0 To arrayvalue.Length - 1

dfAllowanceCode.Items.Add(New Telerik.Web.UI.RadComboBoxItem(arrayvalue(i).ToString(), i))

Next

End Sub

ComboBox

answered on 09 Sep 2013

1 answer

75 views

Unable to prevent GrodTemplateColumn from appearing in Edit Form when Adding or Editing

Hello,
I currently have a hierarchical grid where I need to selectively hide certain columns and prevent it from appearing in Add/Edit form. I am able to selectively hide the column but was not able to prevent it from appearing in the Edit Form when user click on Add or Edit

Here is the snippet of one of columns that I need to hide programatically. Note that I am not using GrodBoundColumn and most of my columns are using GridTemplateColumn with ItemTemplate and EditItemTemplate as shown below

<telerik:GridTemplateColumn UniqueName="WellnessFactor" HeaderText="Wellness Factor<span style='color:#CD4800'>*</span>">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "WellnessFactor")%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox ID="WellnessFactorComboBox" runat="server" AllowCustomText="false"

AutoPostBack="false" CausesValidation="false" DataTextField="WellnessFactor"

DataValueField="WellnessFactor" EmptyMessage="Please Select..." EnableVirtualScrolling="true"

Height="45px" MarkFirstMatch="true" NoWrap="True" Skin="WebBlue" Width="150px">

<Items>

<telerik:RadComboBoxItem Text="Yes" Value="Yes" />

<telerik:RadComboBoxItem Text="No" Value="No" />

</Items>

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="ValidateWellnessFactorComboBox" runat="server" ControlToValidate="WellnessFactorComboBox"

ValidationGroup="SubscriberGroup" ErrorMessage="*This field is required" ForeColor="Red"

InitialValue="">

</asp:RequiredFieldValidator>

</EditItemTemplate>

</telerik:GridTemplateColumn>

Here is the snippet of code use to hide the column

protected void RadGrid1_OnPreRender(object sender, EventArgs e)

{

if (listHideColumn.Count > 0)

{

foreach (GridColumn column in RadGrid1.Columns)

{

foreach (string columnName in listHideColumn)

{

if (column.UniqueName == columnName)

{

column.Visible = false;

//(column as GridBoundColumn).Visible = false;

break;

}

Most of the solution I found online is to make the column readonly. But I am not using GridBoundColumn. Is there a way to prevent it from appearing it in Edit Form when user click on Add or Edit since they are not visible on the Grid. Note that I am using auto generating form.

Your help in resolving this will be greatly appreciated.

Thank you.

-Yoong

General Discussions

answered on 09 Sep 2013