Questions on UI for ASP.NET AJAX Forum

7 answers

118 views

[Solved] Do I understand correctly? Treeview header detail setup difficulties.

I've not used RadTreeView before. I have a pair of header detail tables that I want to preset using a treeview.

If I understand what I'm reading, there is no simple built-in way to do this.
Is this true?

(Do I have to bind the header records to nodes first and then programmatically add the details to each header note?)

TreeView

answered on 10 Jun 2014

4 answers

384 views

Page Break PDF Exporting

Hi for all.

I am facing a problem with Grid exporting since I need to page break my report every header item. I am using the groupByExpression method. Can you please give me an example of the implementation?
Had already found these topics, but no one helped me:

http://www.telerik.com/forums/pdf-export-and-page-break
http://www.telerik.com/support/code-library/printing-grid-headers-on-every-page

Grid

answered on 10 Jun 2014

16 answers

711 views

Rounded Corner on RadGrid Header

Hello,

I'd like to make a rounded corner for the radgrid header. Is there a way to do it?
I have changed the css on the rgMasterTable thead to be the background image and set .rgMasterTable th.rgExpandCol as the background image. However, it makes the column header to be blank.
Example,

.RadGrid_VCGrid

.rgMasterTable thead

{

background

: url('../images/tabletop-bk.png') left repeat-x;

}

.RadGrid_VCGrid

.rgMasterTable th.rgExpandCol

{

background: url('../images/tabletop-left-bk.png') left top no-repeat;

}

Please advise

Elin

Grid

answered on 10 Jun 2014

3 answers

134 views

Hide ViewPath

Is there any way to not display the ViewPath location to the user but still allow them to upload? I tried to not define the property, but that also disabled the Upload button.

ImageEditor

answered on 10 Jun 2014

4 answers

316 views

[Solved] Can't Change RadWindow Size With Javascript When Direction Is RTL

Hi ,

i am working with VS 2013 update 2 , and 2013 Q3 SP2

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

<!DOCTYPE html>

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

<head runat="server">

<title></title>

</head>

<body onload="PageLoad();" style="direction: rtl;">

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

<div>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function PageLoad() {

$find('<%=me.MainWebFormRadSplitter .ClientID %>').

set_height($telerik.$(window).height() - 50);

window.onresize = function () {

$find('<%=me.MainWebFormRadSplitter .ClientID %>').

set_height($telerik.$(window).height() - 50);

};

var MWindow = $find('<%=Me.MainRadWindow.ClientID %>');

MWindow.set_width($find('<%=Me.MainRadWindowRadPane.ClientID%>').get_width());

MWindow.set_height($find('<%=Me.MainRadWindowRadPane.ClientID %>').get_height());

MWindow.setUrl("http://www.telerik.com/");

MWindow.set_title("MWindow");

MWindow.show();

}

function MainRadWindowRadPane_Resized(sender, args) {

var MWindow = $find('<%=Me.MainRadWindow.ClientID %>');

MWindow.set_width(sender.get_width());

MWindow.set_height(sender.get_height());

}

</script>

</telerik:RadCodeBlock>

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

</telerik:RadScriptManager>

</div>

<telerik:RadAjaxManager ID="MainWebFormRadAjaxManager" runat="server" DefaultLoadingPanelID="MainWebFormRadAjaxLoadingPanel">

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="MainWebFormRadAjaxLoadingPanel" runat="server" Skin="Default">

</telerik:RadAjaxLoadingPanel>

<telerik:RadWindowManager ID="MainWebFormRadWindowManager" runat="server">

<Windows>

<telerik:RadWindow ID="MainRadWindow" runat="server" Behavior="Reload"

Behaviors="Reload" DestroyOnClose="True"

NavigateUrl="http://www.telerik.com/"

ReloadOnShow="True" RestrictionZoneID="MainRadWindowRadPane"

ShowContentDuringLoad="False" ShowOnTopWhenMaximized="False"

Title="MainRadWindow" VisibleStatusbar="False">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<telerik:RadSkinManager ID="MainWebFormRadSkinManager" runat="server">

</telerik:RadSkinManager>

<br />

<telerik:RadSplitter ID="MainWebFormRadSplitter" runat="server" Width="100%">

<telerik:RadPane ID="PanelRadPane" runat="server" Width="200px" Index="0">

</telerik:RadPane>

<telerik:RadPane ID="MainRadWindowRadPane" runat="server" OnClientResized="MainRadWindowRadPane_Resized" Index="1"></telerik:RadPane>

</telerik:RadSplitter>

</form>

</body>

</html>

add this aspx code to a new project and then run the project and try to re-size the browser window and see what happened , then remove or change the style added to <body> and run the project .

i attached screen shots to show the difference .

Window

answered on 10 Jun 2014

10 answers

280 views

RadTabStrip works fine locally but not working in production (windows 2008 - IIS7)

Hi,

I have 2008.2.723.20 version of Telerik.Web.UI.dll and have following config statements in web.config:

<httpHandlers>

<remove verb="*" path="*.asmx"/>

<add verb="*" path="*.asmx" validate="false" type=

"System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

<add verb="*" path="*_AppService.axd" validate="false" type=

"System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

<add verb="GET,HEAD" path="ScriptResource.axd" validate="false" type=

"System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

<add path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI, Version=2008.2.723.20, Culture=neutral, PublicKeyToken=121fae78165ba3d4"

validate="false" />

</httpHandlers>

<httpModules>

<add name="ScriptModule" type=

"System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

</httpModules>

In my local system (Windows 2003 with IIS6, everything works just fine). But when I port code to production server (Windows 2008 and IIS7), tab strip control is getting displayed but nothing happens when I click it.

Please help me with this issue..

TabStrip

answered on 10 Jun 2014

5 answers

326 views

RadDatePicker layout question

Hi,

Is there a way to make the DateInput control to be on the same line as the label instead of a new line? I also have a hard time moving the icon closer to the DateInput box. I tried to play around with the width of the container, DateInput-Width, DateInput-LabelWidth, but couldn't get it to work. Perhaps I need to tweek the HTML as presented in this doc?

http://www.telerik.com/help/aspnet-ajax/calendar-understanding-skin-css-file.html

I have attached a screen shot of what my RadDatePicker and here's a portion of my ascx code:

<style type="text/css">

.forecast {

width:inherit;

height:inherit;

}

.closedate {

float:left;

display: inline-block;

background-color:aqua;

width:300px;

}

.probability {

clear:right;

display: inline-block;

background-color:orange;

width: 180px;

}

.product {

float:left;

display: inline-block;

background-color:green;

width: 230px;

}

.expectamt {

float:left;

display: inline-block;

background-color:yellow;

width: 180px;

}

</style>

<asp:HiddenField ID="leadIdHidden" runat="server" />

<asp:FormView ID="DetailForecastFormView" runat="server" DataSourceID="ObjectDataSource1" DataKeyNames="lead_id" OnDataBound="DetailForecastFormView_DataBound" BackColor="White" BorderColor="White" BorderStyle="Ridge" BorderWidth="2px" CellPadding="3" CellSpacing="1">

<EditRowStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />

<FooterStyle BackColor="#C6C3C6" ForeColor="Black" />

<HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" />

<ItemTemplate>

<div class="forecast">

<%--<asp:Label ID="leadLabel" runat="server" Text='<%# Eval("lead_id") %>'></asp:Label>--%>

<div class="closedate">

<%--<asp:Label ID="Label1" runat="server" Text="Expected Close Date:" />--%>

<%--<telerik:RadDatePicker ID="RadExpectCloseDate" runat="server" DateInput-Label="Exp.Date:" DateInput-Width="100px" DateInput-LabelWidth="60px" SelectedDate='<%# Eval("update_dtime") %>' />--%>

<telerik:RadDatePicker ID="RadExpectCloseDate" runat="server" SelectedDate='<%# Eval("update_dtime") %>' >

<DateInput runat="server" Label="Expected Date:" LabelWidth="100%"></DateInput>

</telerik:RadDatePicker>

</div>

<div class="probability">

<telerik:RadNumericTextBox ID="RadProbTextBox" runat="server" Label="Probability To Close:" LabelWidth="100px" Type="Percent" DbValue='<%# Eval("perc_to_close") %>' />

<%--<telerik:RadSlider ID="RadSlider1" runat="server" />--%>

</div>

<div class="product">

<%-- <telerik:RadComboBox ID="RadProductComboBox" runat="server" Label="Product:" DataSourceID="ProductDataSource" SelectedValue='<%# Eval("product_id") %>'

DataTextField="product_name" DataValueField="product_id" AllowCustomText="true" EmptyMessage="Please select a product" />--%>

<telerik:RadComboBox ID="RadProductComboBox" runat="server" Label="Product:" AllowCustomText="true" EmptyMessage="Please select a product" />

</div>

<div class="expectamt">

<telerik:RadNumericTextBox ID="RadExpectAmtTextBox" runat="server" Label="Expected Amount:" LabelWidth="100px" Type="Currency" DbValue='<%# Eval("exp_points") %>' />

</div>

</ItemTemplate>

<PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />

<RowStyle BackColor="#DEDFDE" ForeColor="Black" />

</asp:FormView>

Thank you,

Helen

Calendar

answered on 10 Jun 2014

9 answers

176 views

RadListBox looks bad in either IE or Chrome

I have a RadWindow with a panel that is in turn divided into a right and a left subpanel. Each subpanel has a RadListBox that is to display varying amounts of rows.

Everything was working just fine, until it turned out nothing was being displayed in the boxes for IE users. After looking through the forum, I found removing the "height" property of the RadListBoxes in the .aspx file would fix this in IE. However, after doing this, the page looks quite wrong in Chrome (but not Firefox or IE).

I have attached two screen shots for comparison.

ListBox

answered on 10 Jun 2014

2 answers

48 views

Something I noticed regarding performance

If I have a column like this:

<telerik:GridBoundColumn DataField="Blank" HeaderText="">

</telerik:GridBoundColumn>

I noticed a massive problem with performance. I use manual binding and I've encountered this problem many times before. In my case I had 171 records and by looking at the trace I could see the Page.EndLoad was taking 3.2 seconds. Removing this column would automatically result in the number falling to 0.09.

Is Telerik aware of this issue?

I easily overcome this issue by adding a blank record to the datatable used as a datasource. I though I'd post this to help other users.

Grid

answered on 10 Jun 2014

3 answers

128 views

[Solved] decrease the opacity of the oval color

Hi,

It is possible to decrease the opacity of the oval color so that some degree of
transparency is maintained even when there are many overlapping ovals? In the
center area of the screenshot below, it’s not possible to see distinct ovals
because the overlapping reaches full opacity very quickly.

Chart (Obsolete)

answered on 10 Jun 2014