Questions on UI for ASP.NET AJAX Forum

4 answers

327 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

293 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

331 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

183 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

61 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

139 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

1 answer

144 views

Change MaxFileSize Property Dynamically

Hi,
I have a simple scenario On my page load event I set MaxFileSize Property like this

1.protected void Page_Load(object sender, EventArgs e)

2. {

3.DriveInfo d = new DriveInfo(HttpContext.Current.Request.PhysicalApplicationPath);

// get partition size

4. RadFileExplorer1.Upload.MaxFileSize = d.AvailableFreeSpace ;

5. }

The Above code gets free Space of my C Drive and assign it to MaxFileSize property.

Now in my application user can upload files in my C Drive, after a user upload a file and when press the Upload button, the above code gives me updated Free space but MaxFileSize property show old value

Kindly Help,
Thanks

FileExplorer

answered on 10 Jun 2014

5 answers

115 views

RadWindow as an info box that stays open

I have an ASP.NET page that loads a table of data and dynamically creates a link button for each row.

When the user clicks the link button I want to display a RadWindow with some relevant information about the selected row. This RadWindow will not be modal and therefore the user can continue to scroll through the table.

The link button on each row is dynamically created and the click event is added at runtime - I have tried both of the following:

1. Adding an "OnClientClick" and calling a javascript function to display the RadWindow.
2. Adding a new eventhandler to the Click event.

Option 1. above then calls a javascript function as follows:

var oWnd = $find("<%= oRadWindow.ClientID %>");
oWnd.setUrl(stURL); // stURL is passed into the function
oWnd.show();

The problem with this is that the window displays for about a second and then disappears. I assume the page is reloading but what could cause this?

I need my RadWindow to stay visible even on postbacks, any ideas?

Window

answered on 10 Jun 2014

3 answers

211 views

[Solved] Is there a hover property for Rach chart series

I want to know is there a hovering feature for rad chart.

Regards,
Suhashini

Chart (Obsolete)

answered on 10 Jun 2014

1 answer

166 views

Drag and Drop - Freeze Bug

Hello,

I believe I've found a bug on TileList, when I try to drag and drop Square Tiles.

Here is the SItuation:

A TileList with Square Tiles, with the same amount of Lines as the max available Lines and only 1 column (which fits 2 square tiles)
Whenever I drag, for example, a bottom tile to the top (it's the easiest way to replicate) the page freezes and the Processor goes crazy

Here's the screenshots of "before dragging"
Before: http://i.imgur.com/oSWyi8k.png
After: http://i.imgur.com/h6IjdKe.png

And the code:
aspx:
<telerik:RadTileList runat="server" ID="tlStartPage" Width="700px" Height="640px" TileRows="4" SelectionMode="Multiple" EnableDragAndDrop="true">
</telerik:RadTileList>

aspx.cs:
protected void Page_Load(object sender, EventArgs e)
{
PopulateTileList();
}

private void PopulateTileList()
{
tlStartPage.Groups.Add(new TileGroup());
tlStartPage.Groups[0].Tiles.Add(new RadTextTile() { Text = "1", BackColor = ColorTranslator.FromHtml("#e83737") });
tlStartPage.Groups[0].Tiles.Add(new RadTextTile() { Text = "2", BackColor = ColorTranslator.FromHtml("#008de7") });
tlStartPage.Groups[0].Tiles.Add(new RadTextTile() { Text = "3", BackColor = ColorTranslator.FromHtml("#51ab2e") });
tlStartPage.Groups[0].Tiles.Add(new RadTextTile() { Text = "4", BackColor = ColorTranslator.FromHtml("#f5c020") });
tlStartPage.Groups[0].Tiles.Add(new RadTextTile() { Text = "5", BackColor = ColorTranslator.FromHtml("#9b58b5") });
tlStartPage.Groups[0].Tiles.Add(new RadTextTile() { Text = "6", BackColor = ColorTranslator.FromHtml("#91c930") });
tlStartPage.Groups[0].Tiles.Add(new RadTextTile() { Text = "7", BackColor = ColorTranslator.FromHtml("#bb2525") });
}

___________________________________

I was able to reproduce this behaviour on two different machines, using both my own code and code from the Telerik Demos (this one was based on this demo).

Can anyone else confirm this or am I just doing something wrong?
Thank you in advance

TileList

answered on 10 Jun 2014