Questions on UI for ASP.NET AJAX Forum

0 answers

113 views

grid datetime column not rendering html5 mobile

I am using asp.net Ajax in visual studio 2008
I have created a new "telerik web Forms Site" for .NET Framework 3.5
My Version of telerik asp.net Ajax is 2015.1.401.35(Dev)

My goal: To create date selection on mobile device the same whay that is featured on your mobile demo site

http://demos.telerik.com/aspnet-ajax/grid/mobile-examples/overview/default.aspx?name=overview

The issue: The datetime column is rendering as a plane text box and does not prompt the end user with date/time selectors like it does on your mobile demo.

I did a test on the dropdown column and it does render like your demo.

My question: What do I need to modify in my code below to have date time column render on a mobidle device in the same way it does on your mobile demo located at http://demos.telerik.com/aspnet-ajax/grid/mobile-examples/overview/default.aspx?name=overview

My code:

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

<!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 runat="server">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
</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 Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
</Scripts>
</telerik:RadScriptManager>
<script type="text/javascript">
//Put your JavaScript code here.
</script>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
</telerik:RadAjaxManager>
<div>

</div>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:KDCKBConnectionString %>"
DeleteCommand="DELETE FROM [Contacts] WHERE [ID] = @ID"
InsertCommand="INSERT INTO [Contacts] ([ContactName], [Birthdate]) VALUES (@ContactName, @Birthdate)"
SelectCommand="SELECT * FROM [Contacts]"
UpdateCommand="UPDATE [Contacts] SET [ContactName] = @ContactName, [Birthdate] = @Birthdate WHERE [ID] = @ID">
<DeleteParameters>
<asp:Parameter Name="ID" Type="Int32" />
</DeleteParameters>
<UpdateParameters>
<asp:Parameter Name="ContactName" Type="String" />
<asp:Parameter DbType="Date" Name="Birthdate" />
<asp:Parameter Name="ID" Type="Int32" />
</UpdateParameters>
<InsertParameters>
<asp:Parameter Name="ContactName" Type="String" />
<asp:Parameter DbType="Date" Name="Birthdate" />
</InsertParameters>
</asp:SqlDataSource>
<asp:SqlDataSource ID="SqlDataSource2" runat="server"
ConnectionString="<%$ ConnectionStrings:KDCKBConnectionString %>"
SelectCommand="SELECT [Product] FROM [Incident_Report_Primary_Product]">
</asp:SqlDataSource>
<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateEditColumn="True"
DataSourceID="SqlDataSource1" GroupPanelPosition="Top" RenderMode="Mobile">
<MasterTableView AllowAutomaticDeletes="True" AllowAutomaticInserts="True"
AllowAutomaticUpdates="True" AutoGenerateColumns="False"
CommandItemDisplay="Top" DataKeyNames="ID" DataSourceID="SqlDataSource1" EditMode="PopUp">
<Columns>
<telerik:GridBoundColumn DataField="ID" DataType="System.Int32"
FilterControlAltText="Filter ID column" HeaderText="ID" ReadOnly="True"
SortExpression="ID" UniqueName="ID">
</telerik:GridBoundColumn>
<telerik:GridDropDownColumn DataField="ContactName"
DataSourceID="SqlDataSource2" FilterControlAltText="Filter Contact column"
ListTextField="Product" ListValueField="Product" UniqueName="Contact"
UseNativeEditorsInMobileMode="False" DropDownControlType="DropDownList">
</telerik:GridDropDownColumn>
<telerik:GridDateTimeColumn DataField="BirthDate"
FilterControlAltText="Filter BirthDate column" UniqueName="BirthDate" PickerType="DatePicker">
</telerik:GridDateTimeColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
</form>
</body>
</html>

Grid

asked on 27 Mar 2017

11 answers

355 views

X for close has disappeared

I have two RadWindow's that I use to show data modally. They worked fine when I developed them a while ago, but now the X for the close is gone. If I click the blank white area where the X should be the window closes just fine. The title up fine everything still works fine, just no X.

<telerik:RadWindowManager ID="RadWindowManagerWindows" ShowContentDuringLoad="false" ReloadOnShow="true" runat="server">

<Windows>

<telerik:RadWindow Title="Selected Emails" Visible ="true" ID="EmailWindow" runat="server" Modal="true"

<ContentTemplate>

<asp:TextBox CssClass="EmailBox" ID="EmailWindowList" runat="server" TextMode="MultiLine" Wrap="true"/>

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

How do I get the X back?

Window

answered on 27 Mar 2017

2 answers

214 views

Paging and ItemDataBound Triggering

Does standard paging on a grid just allow ItemDataBound to trigger off those items on the current page, or all pages?

If it just triggers the selected page, is there a way to trigger off ALL items in the grid instead of just the current page?

My usage scenario: I have a grid that is displaying information on a row that is dependent on another row in a previous page. It isn't "seeing" that other page's data when ItemDataBound is called.

My grid is bound using a SqlDataSource and there is nothing that I can see that is out of the ordinary with the grid configuration.

Grid

answered on 27 Mar 2017

28 answers

1.2K+ views

Sys.InvalidOperationException: Type Telerik.Web.BoxSide has already been registered.

I receive the following error when I use Prometheus 2007 Q3

Microsoft JScript runtime error: Sys.InvalidOperationException: Type Telerik.Web.BoxSide has already been registered. The type may be defined multiple times or the script file that defines it may have already been loaded. A possible cause is a change of settings during a partial update.

I have a web page with one grid. after populating the grid, I receive the error above.

I am using Visual 2008 RTM.

General Discussions

answered on 27 Mar 2017

1 answer

105 views

Customising a GridClientSelectColumn

I'm trying to replicate the functionality in an underlying web application for my add-on page. The underlying application has a splitter whose panes each contain a grid and which performs the following grid actions:

Each grid appears to have a GridClientSelectColumn and also has the ability to simply click a row.
Only a single row can be selected by clicking the row. This does not actually select the row (the GridClientSelectColumn is not checked).
Multiple rows may be selected by clicking the GridClientSelectColumn.
On clicking a row in the top grid, the row is highlighted and the related records are shown in the lower grid. The current row (last row clicked NOT selected) also has a small indicator displayed to the left of the GridClientSelectColumn checkbox.
Checking the GridClientSelectColumn in the grid header either selects or deselects all rows in the grid.
Current row indicator should be retained if the user checks column(s) in the GridClientSelectColumn.

Most of the behaviour is covered by the standard GridClientSelectColumn however I don't want the row to be selected (checked in the GridClientSelectColumn) if the user just clicks the row.

I tried setting <Selecting AllowRowSelect="true" UseClientSelectColumnOnly="true" /> but this doesn't highlight the row when clicked so probably this highlighting ( and the current row indicator) can be achieved with some CSS in the OnRowClicked event ??

Unfortunately while I am competent with changing existing CSS I'm not so good on writing new so if the solution is CSS then any help or examples would be great.

Kyle

Grid

answered on 27 Mar 2017

0 answers

74 views

Upload image and set as div background

hi. i am using the telerik html editor. would like to know if it is possible for user to create their own div, upload an image and set this image as the background for the div.

for example user created

</div>

user wants to upload an image "divBackground.png" via the editor's image manager or some other way using the editor. then set this divBackground.png as a background image for #myNewDiv.

if possible i would want to reduce the probability of user having to set the image using CSS as some user might not have knowledge to CSS.

Editor

asked on 27 Mar 2017

2 answers

134 views

CommandItemTemplate -> RadToolBarButton -> disable collapse/group

Hi,

I try to update to the last version of telerik but I got an issue with a new fonctionnality (ref image)
How can I disable it, I must be blind.

Thx.

Grid

answered on 27 Mar 2017

0 answers

131 views

Hiding Label in item command not working.

I have a radgrid as below.

<telerik:RadGrid runat="server" ID="gridEconomist" EnableViewState="true" AllowPaging="true" OnNeedDataSource="gridEconomist_NeedDataSource"
OnItemCommand="gridEconomist_ItemCommand" OnItemDataBound="gridEconomist_ItemDataBound" AutoGenerateColumns="false" AllowAutomaticDeletes="false" AllowAutomaticInserts="false" AutoGenerateEditColumn="false"
AutoGenerateDeleteColumn="false" >

<MasterTableView AutoGenerateColumns="false" EnableViewState="true" EditMode="InPlace" DataKeyNames="assignedTo" NoDetailRecordsText="No Vouchers Found"
CommandItemDisplay="none">

<Columns>

<telerik:GridTemplateColumn UniqueName="VoucherCode" HeaderText="Voucher Code" DataField="VoucherCode">
<ItemTemplate>
<asp:Label ID="lblCode" runat="server" Enabled="true" Text='<%# Eval( "VoucherCode" )%>'>
</asp:Label>
</ItemTemplate>

</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="createdDate" HeaderText="Created Date" DataField="createdDate">
<ItemTemplate>
<asp:Label ID="lblCreatedDate" runat="server" Enabled="false" Text='<%# Eval( "createdDate" )%>'>
</asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="assignedTo" HeaderText="Assigned To" DataField="assignedTo">
<ItemTemplate>
<asp:Label ID="lblAssgTo" runat="server" Text='<%# Eval( "assignedTo" )%>'>
</asp:Label>

<asp:TextBox ID="txtAssgTo" runat="server" Visible="false" Text='<%# Eval( "assignedTo" )%>'>
</asp:TextBox>
</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="assignedDate" HeaderText="Assigned Date" DataField="assignedDate">
<ItemTemplate>
<asp:Label ID="lblAssgDate" runat="server" Enabled="false" Text='<%# Eval( "assignedDate" )%>'>
</asp:Label>
</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="organization" HeaderText="Organization" DataField="organization">
<ItemTemplate>
<asp:Label ID="lblorganization" runat="server" Enabled="false" Text='<%# Eval( "organization" )%>'>
</asp:Label>

<asp:DropDownList CssClass="fontEIS" Visible="false" ID="ddlorganization" runat="server">
<asp:ListItem Value="IMF">IMF</asp:ListItem>
<asp:ListItem Value="WB">WB</asp:ListItem>
<asp:ListItem Value="IFC">IFC</asp:ListItem>
</asp:DropDownList>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Edit" HeaderText="Edit">
<ItemTemplate>
<asp:ImageButton ID="btnEdit" runat="server" ImageUrl="~/Images/Edit.jpg" Width="10px" Height="10px" CommandName="Edit" />

</ItemTemplate>
</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Save" HeaderText="Save">
<ItemTemplate>
<asp:ImageButton ID="btnSave" runat="server" ImageUrl="~/Images/Action_Save.png" Width="10px" Height="10px" CommandName="Save" />
</ItemTemplate>
</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Delete" HeaderText="Delete">
<ItemTemplate>
<asp:ImageButton ID="btnDelete" runat="server" ImageUrl="~/Images/Action_Delete.png" Width="10px" Height="10px" CommandName="Save" />
</ItemTemplate>
</telerik:GridTemplateColumn>

</Columns>
</MasterTableView>

</telerik:RadGrid>

I need to hide the label lblAssgTo and make txtassgto visible in item command. I have the below code in item command.

protected void gridEconomist_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)
{

if (e != null)

{
e.Item.Edit = true;

GridEditableItem item = e.Item as GridDataItem;

item.Edit = true;

if (e.CommandName == "Edit")
{

TextBox txtAssgTo = (item.FindControl("txtAssgTo") as TextBox);
Label lblAssgTo = (item.FindControl("lblAssgTo") as Label);

Label lblorganization = (item.FindControl("lblorganization") as Label);
DropDownList ddlorganization = (item.FindControl("ddlorganization") as DropDownList);

lblAssgTo.Visible = false;

txtAssgTo.Visible = true;
ddlorganization.Visible = true;
lblorg.Visible = false;

}
}

}

When I debug I can see that the visible property is set to false in lblassg but it is not reflected in the UI. After item command the need data source event is fired. I'm not sure if thatis causing the issue.

Grid