Questions on UI for ASP.NET AJAX Forum

1 answer

165 views

See attached...

This is what my gauge looks like in IE10 with compatibility mode off. It looks just fine when compatibility mode is on, but this has an adverse impact on other parts of my site.

Gauges in the same web page work just fine - the basic details of my web page are:
- The attached gauge is in the "header" part of my page, showing a target value. It is contained within a HTML table cell
- The other gauges are within a RadTabStrip/RadPageView within a HTML table

From what I can see, there should be no difference. Any ideas?

My page code looks like this:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Demo.aspx.vb" Inherits="WebApp.Demo" %>

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

<link href="../StyleSheet.css" rel="Stylesheet" type="text/css" />

</head>

<body>

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

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

<center>

<div class="pageBanner"><asp:Label runat="server" ID="lblHeading" CssClass="pageHeader" text="Demo" /></div>

<asp:Label runat="server" ID="lblID" Visible="false" />

<asp:Label runat="server" ID="lblValidation" Visible="false" CssClass="validation" />

<table cellpadding="3" width="900px" border="0">

<tr valign="top">

<td style="width: 33%">

</td>

<td style="width: 33%">

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

<asp:Button ID="btnExit" runat="server" Text="Exit" />

<asp:CheckBox runat="server" ID="chkAccepted" Text="Accepted" />

</td>

<td rowspan="2" style="width: 16%">

<asp:Label runat="server" ID="lblTgtDateLabel" text="Target Date" Font-Underline="true" Font-Bold="true" /><br />

<asp:Label runat="server" ID="lblTgtDate" text="" />

</td>

<td rowspan="2" style="width: 17%">

<asp:Label runat="server" ID="lblTgtRatingLabel" text="Target Rating" Font-Underline="true" Font-Bold="true" /><br />

<telerik:RadRadialGauge ID="gaugeTarget" runat="server" Height="80px" Width="80px">

<Pointer Color="0, 0, 0" >

<Cap Size=".1" />

</Pointer>

</telerik:RadRadialGauge>

</td>

</tr>

<tr align="left" valign="top">

<td colspan="2">

<asp:Label runat="server" ID="lblNameLabel" text="Name" Font-Bold="true" /><br />

<asp:Label runat="server" ID="lblName" text="" width="300px" CssClass="fakeTextBox" />

</td>

</tr>

<tr align="left" valign="top">

<td colspan="4">

<asp:Label runat="server" ID="lblInstructions" CssClass="pageInstructions" text="Instructions" />

</td>

</tr>

<tr align="left" valign="top">

<td>

<asp:Label runat="server" ID="lblSelectedPlaceLabel" text="Selected Place" Font-Underline="true" />

</td>

<td colspan="3" align="center">

<asp:Label runat="server" ID="lblotherPlacesLabel" text="Other applicable Places" Font-Underline="true" />

</td>

</tr>

<tr align="left" valign="top">

<td>

<asp:Label runat="server" ID="lblSelectedPlace" text="" />

</td>

<td colspan="3" align="center">

<asp:CheckBoxList runat="server" ID="chkPlaceList"></asp:CheckBoxList>

</td>

</tr>

</table>

<table cellpadding="3" width="900px" border="0">

<tr align="left" valign="top">

<td>

<telerik:RadTabStrip runat="server" ID="ts1" SelectedIndex="0" MultiPageID="mp1">

<Tabs>

<telerik:RadTab Text="Page 1" Value="calc" PageViewID="pv1" />

<telerik:RadTab Text="Page 2" Value="element" PageViewID="pv2" />

<telerik:RadTab Text="Page 3" Value="control" PageViewID="pv3" />

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="mp1" SelectedIndex="0">

<telerik:RadPageView runat="server" ID="pv1">

<table width="95%">

<tr>

<td colspan="3"><asp:Label runat="server" ID="Label1" Text="Label1" Font-Bold="true" /></td>

<td rowspan="3">

<telerik:RadRadialGauge ID="gauge1" runat="server" Height="80px" Width="80px">

<Pointer Color="0, 0, 0" >

<Cap Size=".1" />

</Pointer>

</telerik:RadRadialGauge>

</td>

</tr>

<tr>

<td><asp:Label runat="server" ID="lblLabel2" Text="Label2"/></td>

<td><asp:Label runat="server" ID="lblLabel3" Text="Label3"/></td>

<td><asp:Label runat="server" ID="lblLabel4" Text="Label4"/></td>

</tr>

<tr>

<td>

<telerik:RadSlider runat="server" ID="slider1" Orientation="Horizontal" Width="250" Height="40"

TrackPosition="TopLeft" ItemType="Item" EnableServerSideRendering="true" ShowDecreaseHandle="false" ShowIncreaseHandle="false" />

</td>

<td>

<telerik:RadSlider runat="server" ID="slider2" Orientation="Horizontal" Width="250" Height="40"

TrackPosition="TopLeft" ItemType="Item" EnableServerSideRendering="true" ShowDecreaseHandle="false" ShowIncreaseHandle="false" />

</td>

<td><telerik:RadNumericTextBox runat="server" ID="Textbox1" width="80px" /></td>

</tr>

<tr>

<td colspan="3"><asp:Label runat="server" ID="lblLabel5" Text="Label5" Font-Bold="true" /></td>

<td rowspan="3">

<telerik:RadRadialGauge ID="gauge2" runat="server" Height="80px" Width="80px">

<Pointer Color="0, 0, 0" >

<Cap Size=".1" />

</Pointer>

</telerik:RadRadialGauge>

</td>

</tr>

<tr>

<td><asp:Label runat="server" ID="lblLabel6" Text="Label6"/></td>

<td><asp:Label runat="server" ID="lblLabel7" Text="Label7"/></td>

<td><asp:Label runat="server" ID="lblLabel8" Text="Label8"/></td>

</tr>

<tr>

<td>

<telerik:RadSlider runat="server" ID="slider3" Orientation="Horizontal" Width="250" Height="40"

TrackPosition="TopLeft" ItemType="Item" EnableServerSideRendering="true" ShowDecreaseHandle="false" ShowIncreaseHandle="false" />

</td>

<td>

<telerik:RadSlider runat="server" ID="slider4" Orientation="Horizontal" Width="250" Height="40"

TrackPosition="TopLeft" ItemType="Item" EnableServerSideRendering="true" ShowDecreaseHandle="false" ShowIncreaseHandle="false" />

</td>

<td><telerik:RadNumericTextBox runat="server" ID="Textbox2" width="80px" /></td>

</tr>

<tr>

<td colspan="4">

<telerik:RadTextBox runat="server" ID="txtComment" MaxLength="1000" Width="550px" TextMode="MultiLine" Rows="5" Wrap="true" />

</td>

</tr>

</table>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="pv2">

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="pv3">

</telerik:RadPageView>

</telerik:RadMultiPage>

</td>

</tr>

</table>

</center>

</form>

</body>

</html>

Gauge

answered on 28 May 2013

1 answer

144 views

Web20 skin

Hi, I am using the Web20 skin in our application and I notice the Select button has a different render when the mouse is over the button than other buttons using the same skin so the behavior doesn't look professional.

I looked to hide the button and have my user interface but is seem when I look other thread in this forum I cannot start the mechanism to select a file from jaavscript.

Can you fix that please?

Note: I also notice the input box is always empty (in the online demos, in the demos installed locally and in my web application). So I decide to remove it.

AsyncUpload

answered on 28 May 2013

1 answer

83 views

Where are the downloaded files?

Where does the downloader put the files? i need to transfer them.

Thanks!

General Discussions

answered on 28 May 2013

6 answers

224 views

RadGrid, Edit Mode InPlace, LinkDataSource and Cascading radComboBox

Hi Telerik,

I have a gridview with 2 cascading radComboBox inside.
I'm having some problems to DataBind and Populate these radComboBox in Forms Edit Mode In Place.
I turn autopostback to true and call the SelectedIndexChanged method on the first radComboBox. After finishing the event my radcombobox is unchanged.
I use LinqDataSource to populate my grid and my radcombobox.

How can i achieve this?

Many Thanks

Julien

Grid

answered on 28 May 2013

7 answers

414 views

[Solved] radnumerictextbox increment value by 100s

Hi,

Is it possible to increment the value of the 'radnumerictextbox' when pressing the up arrow in the control?

By default it increments by 1, is there a way to change this?

Thank you,
Lahiru

Input

answered on 28 May 2013

1 answer

521 views

[Solved] Add calculated column or Excel formula to Grid export

I have a programmatically created calculated column that doesn't appear when exporting to Excel (ExcelML). I've found examples on how to add totals for rows but not for columns. Is it possible to add a calculated column or Excel formula (like =sum()) to a column?

BTW, I'm using Q1 2013.

Thanks.

Grid

answered on 28 May 2013

2 answers

95 views

Tree refresh when items added

I am looking into the viability of the treelist control and have a question.

I have a sample treelist on the screen where the data source is a simple list of data objects.

I have a button the screen that just adds an extra item of data to the server side data list, but I need to know how to get the tree to refresh automatically. If I expand any item in the tree, my new item appears, so I know the new data is being added.

TreeList

answered on 28 May 2013

1 answer

197 views

[Solved] UserControl - Callback could not be found

Hi,

I am experiencing the exact problem described in the following thread (http://www.telerik.com/community/forums/aspnet-ajax/combobox/target-for-the-callback-could-not-be-found.aspx)... I am loading a User Control dynamically from the masterpage's code behind and the included Combobox with EnableAutomaticLoadOnDemand = true fails on loading with the message: The target 'XXXXXXXXXXXXXXXXXXX' for the callback could not be found or did not implement ICallbackEventHandler.

Did you find a solution finally?

My UC code:

<telerik:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ProductList">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ProductList" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadComboBox ID="ProductList" runat="server" DataTextField="Name" EnableAutomaticLoadOnDemand="true" MarkFirstMatch="true" EnableItemCaching="true" Filter="Contains" DataValueField="Id" ShowMoreResultsBox="true" EnableVirtualScrolling="true" ItemsPerRequest="20" Width="350px"></telerik:RadComboBox>

My UC code behind:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Dim sqlDS As New SqlDataSource

sqlDS.ConnectionString = connString 'Defined previously

sqlDS.SelectCommand = sqlQuery 'Defined previously

ProductList.DataSource = sqlDS

ProductList.DataBind()

End Sub

MasterPage code behind loads the UC with LoadControl. Masterpage also includes RadAjaxManager.

Thanks.

ComboBox

answered on 28 May 2013

3 answers

273 views

How is filtering applied to RadGrid?

Hello,

I am working to better understand how filtering is applied to the RadGrid and if I can determine if an item in the grid will be visible or not (due to a filter being applied) in the ItemDataBound event. Could someone point me to documentation that explains how filters are applied and the various events I could use to either determine what is being filtered or affect what will be filtered?

My specific use for this is to generate a unique list of items in a specific column in the grid after the filter is applied. I have determined that the ItemDataBound event fires when a filter will be applied, but have been unable to detemine how the filter is applied or if there is an event exposed to me that would allow me to see this.

Thanks,

Sean Severson

Grid

answered on 28 May 2013

1 answer

130 views

Native scrolling in safari for iPad

Hi,

I have a RadGrid that use:

tmpGrid.ClientSettings.Scrolling.AllowScroll = True

tmpGrid.ClientSettings.Scrolling.UseStaticHeaders = True

and I have this css rule:

.rgDataDiv {

-webkit-overflow-scrolling: touch;

}

but for some reason, the rgDataDiv doesn't use the iOS native scrolling. I tried this rule on any other div I have in my app and it works perfectly, but not on the rgDataDiv.

Is that a known issue? Or is there a work around?

Thanks.

Grid

answered on 28 May 2013