Questions on UI for ASP.NET AJAX Forum

1 answer

337 views

We are using a RadListBox on a mobile phone site - test url is http://photo.lenos.us

We want the list of contacts to scroll. If you access this on a mobile andriod phone w/ Chrome it will scroll very 'rough' only in small increments. BUT - if on Chrome, you click on the menu item REQUEST DESKTOP SITE - it will reload the page and the listbox scrolling will be perfect, smooth and graceful

Code is attached.

I would expect the smooth scroll / flick-scroll effect when it is loaded as a mobile site.

Any help would be appreciated.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" 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">

<style type="text/css">
html, body{
margin: 0px;
height: 98vh;
min-height: 98vh;
}
</style>

<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>

</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>
<telerik:RadSkinManager Runat="server" Skin="Bootstrap"></telerik:RadSkinManager>
<script type="text/javascript">
//Put your JavaScript code here.
</script>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> </telerik:RadAjaxManager>

<div style="width: 100%;">
<div style="width: 100%; height: 100%;" >
<telerik:RadNavigation runat="server" ID="Nav1">
<Nodes>
<telerik:NavigationNode Text="Pep Locations" BackColor="Yellow">
<Nodes>
<telerik:NavigationNode Text="Cincinnati"></telerik:NavigationNode>
<telerik:NavigationNode Text="Panama"></telerik:NavigationNode>
<telerik:NavigationNode Text="Chicago"></telerik:NavigationNode>
<telerik:NavigationNode Text="Pittsburg"></telerik:NavigationNode>
<telerik:NavigationNode Text="Boston"></telerik:NavigationNode>
<telerik:NavigationNode Text="Skillman"></telerik:NavigationNode>
</Nodes>
</telerik:NavigationNode>
<telerik:NavigationNode Text="Pep Clients">
<Nodes>
<telerik:NavigationNode Text="Kraft"></telerik:NavigationNode>
<telerik:NavigationNode Text="P&G"></telerik:NavigationNode>
<telerik:NavigationNode Text="Georgia Pacific"></telerik:NavigationNode>
<telerik:NavigationNode Text="Heinz"></telerik:NavigationNode>
<telerik:NavigationNode Text="Johnson & Johnson"></telerik:NavigationNode>
<telerik:NavigationNode Text="Wells Fargo"></telerik:NavigationNode>
</Nodes>
</telerik:NavigationNode>
</Nodes>
</telerik:RadNavigation>
</div>
<div style="width: 100%; height: 94vh;" >
<telerik:RadListBox runat="server" ID="RadListBoxSource" Height="100%" Width="100%" RenderMode="mobile" style="">
<ItemTemplate>
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="images/bell.jpg" style="border-radius:90px" height="75px" Width="75px" />
<asp:label runat="server" Text="Bell,Steph" /><br />
<a href="tel:847-555-5555">847-555-5555</a>
</ItemTemplate>
<Items>
<telerik:RadListBoxItem> </telerik:RadListBoxItem >
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
<telerik:RadListBoxItem Text="Lenos, Doug" ></telerik:RadListBoxItem>
</Items>
</telerik:RadListBox>
</div>
</div>
</form>
</body>
</html>

ListBox

answered on 26 Nov 2015

2 answers

203 views

Button in Modal window causes full postback

HI Telerik

In my application, I have a Radwindow which is entirely created in javascript as follows:

var oWnd = radopen("Default.aspx", "EditWindow", 1100, 800, 0, 0);

After this window is loaded , it has a button that is executing code on server side. Clicking this button causes full postback and page is reloaded in the Radwindow. I have all the ajaxsettings for all the controls that are being updated by this button. Still, I don't understand what is causing this postback.. Please advise.

Thank you very much in advance for your help..

Window

answered on 26 Nov 2015

3 answers

76 views

RadDateTimePicker broken inside a Raddock on a Scheduler Page in the latest release.

Attached image

Scheduler

answered on 26 Nov 2015

1 answer

116 views

show textbox when user marks checkbox in radgrid

I've a radgrid where there are checkboxex. The data comes from database. On of the value is "OTHERS". I want that when user checks the "OTHERS" checkbox, textbox should appear by its side. How can it be done using JAVASCRIPT or by using any radgrid property like OnPreRender ?

<telerik:RadGrid ID="grid_diag_group" runat="server"

Width="100%"

AutoGenerateColumns="false"

HeaderStyle-HorizontalAlign="Left" >

<MasterTableView>

<Columns>

<telerik:GridTemplateColumn UniqueName="TempCol1" HeaderText="Select" ReadOnly="true">

<ItemTemplate>

<asp:CheckBox ID="CheckBox1" runat="server" />

</ItemTemplate>

<EditItemTemplate>

<asp:CheckBox ID="CheckBox2" runat="server" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="diag_code" Display="false" Visible="true" AutoPostBackOnFilter="false" ItemStyle-HorizontalAlign="Left" CurrentFilterFunction="Contains" />

<telerik:GridBoundColumn DataField="diag_desc" UniqueName="diag_description" HeaderText="Diagnosis"

AutoPostBackOnFilter="false" ItemStyle-HorizontalAlign="Left" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

My UI looks like this >> ( checkbox == [])

[] MALARIA

[] T.B.

[] GLYCOMA

[] MEASELES

[] FUNGAL INFECTION

[] OTHERS

When user checks the OTHERS checkbox, textbox should appear beside "OTHERS" inside the grid. How can I do it?

Please help !!! Thanks.

Grid

answered on 26 Nov 2015

5 answers

2.0K+ views

[Solved] RadGrid Default Filtering not working

Hello,

I'm trying to render a RadGrid with default filtering as explained here. I've managed to configure the grid so that filter controls are set when the page loads, but the data in the grid is not filtered. I suspect that I've missed something simple so here's my code for you to laugh at:
ASPX

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" 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">

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

<telerik:RadGrid ID="rgdUsers" runat="server"

AutoGenerateColumns="false"

AllowFilteringByColumn="true"

OnNeedDataSource="rgdUsers_NeedDataSource"

OnPreRender="rgdUsers_PreRender" >

<MasterTableView DataKeyNames="Id, Active, Name, Surname" >

<Columns>

<telerik:GridBoundColumn UniqueName="ActiveColumn" DataField="Active" HeaderText="Active"

AutoPostBackOnFilter="true"

CurrentFilterFunction="EqualTo"

CurrentFilterValue="True" />

<telerik:GridBoundColumn UniqueName="NameColumn" DataField="Name" HeaderText="Name" />

<telerik:GridBoundColumn UniqueName="SurnameColumn" DataField="Surname" HeaderText="Surname" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

</form>

</body>

</html>

C#

using System;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

using System.Configuration;

using System.Web.Security;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using System.Linq;

using Telerik.Web.UI;

public partial class Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void rgdUsers_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

using (SwmpHermesEntities ent = new SwmpHermesEntities())

{

var Users = ent.Users.ToList();

rgdUsers.DataSource = Users;

}

protected void rgdUsers_PreRender(object sender, EventArgs e)

{

if (!this.IsPostBack)

{

rgdUsers.MasterTableView.FilterExpression = "([Active] = True)";

GridColumn activeColumn = rgdUsers.MasterTableView.GetColumnSafe("ActiveColumn");

activeColumn.CurrentFilterFunction = GridKnownFunction.EqualTo;

activeColumn.CurrentFilterValue = "True";

}

If I toggle the Active column checkbox, the grid behaves as expected. I'm using RadControls for ASP.NET AJAX Q2 2013.

Thanks in advance,
Matt

Grid

answered on 26 Nov 2015

6 answers

189 views

How do I add a Date Suffix to the ColumnHeaderDateFormat in a RadScheduler Timeline view?

I know how to format the column headers in a RadScheduler's TimeLineView so I can display the date in any format I choose, but cannot see how I would add the date suffix.

For example I want to show the short version of the days name, followed by the date of the month.
For today (Tuesday, 12th of March 2013) I want to display "Tue 12th" but all I can get is "Tue 12".

Personally, it makes no odds to me and I prefer just the "Tue 12" for a number of reasons, but the powers that be want the date suffix!

Anyone have any ideas?
Thanks,
Karl

Scheduler

answered on 26 Nov 2015

1 answer

112 views

my html tags changes auto

i use rad editor but when i write code on it for example :

it changes to

i want to save content in database i write ...without any changes my tag .

i read your forum i test this code :ContentFilters="none" and also test

RadEditor1.DisableFilter(Telerik.Web.UI.EditorFilters.ConvertToXhtml);
RadEditor1.EnableFilter(EditorFilters.None);

and another thing but any one dont work please help me ????????????

how can i get my tag without any changes????????????????????

Editor

answered on 26 Nov 2015

5 answers

109 views

Delete all rows on pageload

Hi all,

How do i delete all rows on pageload event ?

Regards

Roma

Grid

answered on 26 Nov 2015

5 answers

3.4K+ views

Setting value of RadDatePicker with Javascript

Hi

Can anyone please tell me how to set the value of the RadDatePicker using Javascript?

Thanks

Colin

Calendar

answered on 26 Nov 2015

2 answers

96 views

RadPivotGrid line heights not matching

See screenshot. RadPivotGrid line heights not matching. Any ideas? Let me know if you have any other questions. I appreciate the help!

<telerik:RadPivotGrid runat="server" ID="rpg_CreditHours" OnNeedDataSource="rpg_CreditHours_NeedDataSource" Width="100%"

EnableZoneContextMenu="false"

ShowFilterHeaderZone="false"

AllowSorting="true" AllowPaging ="false"

ClientSettings-EnableFieldsDragDrop="false"

ConfigurationPanelSettings-EnableDragDrop="false" >

<FieldsPopupSettings RowFieldsMinCount="2" />

<Fields>

<telerik:PivotGridColumnField DataField="CreditType" Caption="CreditType" UniqueName="CreditType" DataFormatString="{0}" />

<telerik:PivotGridAggregateField DataField="CreditHours" Caption="CreditHours" UniqueName="CreditHours" Aggregate="Sum" DataFormatString="{0:F2}" />

<telerik:PivotGridRowField DataField="EmployeeName" Caption="EmployeeName" UniqueName="EmployeeName" />

<telerik:PivotGridRowField DataField="EducationName" Caption="EducationName" UniqueName="EducationName" />

</Fields>

<ClientSettings EnableFieldsDragDrop="false" />

</telerik:RadPivotGrid>

Grid