Questions on UI for ASP.NET AJAX Forum

2 answers

117 views

Help Changing Row Color onMouseOver Event

I need to be able to roll over a Grid Row and have the row color change without changing the grid lines. I found a solution that changes the color fine but it removes the grid lines, horizontal and vertical, and changes the row height to 20 PX.

.RowMouseOver td
{
background-color: Aqua;
height: 30px;
}
function RowMouseOver(sender, eventArgs) {
$get(eventArgs.get_id()).className = "RowMouseOver";
}

Thanks for any ideas as I am new here

Grid

answered on 02 Aug 2010

3 answers

148 views

[Solved] Rows selected during ajax postback are lost

I have a scenario where there are two divs on a page. One contains a RadGrid. Both are setup in the RadAjaxManager to only update themselves, not each other. My problem occurs when the non-Grid div is causing a post back, I select some items in the RadGrid but once the postback completes, my selected items in the grid are cleared. How do I prevent this?

Here is a real basic example of my setup:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Grid.aspx.cs" Inherits="TelerikTest.Grid" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!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>Untitled Page</title>

</head>

<body>

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

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

<telerik:RadAjaxManager ID="ajaxManager" runat="server" DefaultLoadingPanelID="ajaxLoadingPanel" >

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="divGrid">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="divGrid" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="divNonGrid">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="divNonGrid" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="ajaxLoadingPanel" runat="server" Skin="" Transparency="20" >

<div id="Div1" style="background-color: #F0F0F0; height:100%; width:100%;" runat="server"></div>

</telerik:RadAjaxLoadingPanel>

<div>

<div id="divNonGrid" runat="server">

<asp:Button ID="btnNonGrid" runat="server" Text="non-grid" />

</div>

<div id="divGrid" runat="server">

<asp:Button ID="btnGrid" runat="server" Text="grid" />

<telerik:RadGrid ID="RadGrid1" runat="server">

<MasterTableView>

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridClientSelectColumn UniqueName="column">

</telerik:GridClientSelectColumn>

<telerik:GridBoundColumn UniqueName="ID" DataField="ID" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="column1">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="column2">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="True" UseClientSelectColumnOnly="True" />

</ClientSettings>

</telerik:RadGrid>

</div>

</form>

</body>

</html>

Just load a couple items into the grid on page load and put a sleep for a couple seconds when the page is posted back. In order to reproduce: Click the non-grid button, quickly select an item in the grid by clicking the check box, notice that the selection is removed when the ajax response returns.

If I remove the divGrid from being declared in the ajax manager, the grid retains its selected items even when selected during the ajax postback.

Grid

answered on 02 Aug 2010

5 answers

415 views

Size windows file pdf

Hello everybody,

I am very novice in ASP.NET and telerik and i want to know if it's possible to have a big windows when i click on pdf files in radfileexplorer. (because now window are very small when i open files)
How can I do this ?
I work in asp.net C# and i just use for the moment :

<telerik:Rafileexplorer ID="RadFileEplorer1" Runat="server" width="100%">
</telerik:Rafileexplorer >

thx

Sorry for my bad english but i'm french ...

FileExplorer

answered on 02 Aug 2010

1 answer

130 views

Telerik Chart Alignment issue

Hi,

I have a web page which contains multiple telerik radcharts.I have programetically created these radcharts as shown in the attachment. But these charts are not in alignment. I want them to be properly aligned based to their y-axis line i.e. i want to vertically align them based on their plot area. Also i want to set the width for plot area through code so that all the charts are of same width.

I tried few setting in code but dint get the expected result. Already tried settings are as follows:

1. series.PlotArea.Appearance.Dimensions.Margins.Left to align the charts vertically but could not get desired result.

2. series.PlotArea.Appearance.Dimensions.Width to set the width of plot area so that all charts are displayed with same width but could not get desired result.

I have tried same above mentioned setting with radcahrt.PlotArea but no effect.

Can anyone please help me resolving these issues at the earliest.

Thanks in advance...
Krishna Samaga B.

Chart (Obsolete)

answered on 02 Aug 2010

1 answer

117 views

[Solved] giving a link for each images on Carousel Mode

hi all,

demo address is:
http://demos.telerik.com/aspnet-ajax/rotator/examples/carouselmode/defaultcs.aspx

in that rotator control with Carousel Mode , can i add click event for each image to send visitors to specific links...
suppose that, there will be 10 product images in rotator and if the visitor will click any of these pictures, he will go product page.

is it possible ?

Rotator

answered on 02 Aug 2010

4 answers

159 views

[Solved] RadWindow X RestrictionZone Problem

Why this don't work? The set_width and set_height has Size Limitation in RestrictionZone?

I Use Assembly Telerik.Web.UI Version 2010.2.722.40

Anybody can help me?

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="RadWindowXRestrictionZoneProblem.WebForm1" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

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

<style type="text/css">

#RestrictionZone

{

position: absolute;

width: 950px;

height: 550px;

background-color: Gray;

}

</style>

</head>

<body>

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

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

</telerik:RadScriptManager>

<div id="RestrictionZone">

<input id="Button1" type="button" value="Open Window" onclick="javascript:OpenWindow('http://www.telerik.com','Telerik WebSite',600,400);" />

<input id="Button2" type="button" value="Open Window (Erro Set Size Width Height)" onclick="javascript:OpenWindow('http://www.telerik.com','Telerik WebSite',650,450);" /></p>

</div>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" RestrictionZoneID="RestrictionZone">

</telerik:RadWindowManager>

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

<script type='text/javascript'>

function OpenWindow(navigateUrl, title, width, height) {

var oWnd = radopen(null, null);

oWnd.setUrl(navigateUrl);

oWnd.set_title(title);

oWnd.set_width(width);

oWnd.set_height(height);

oWnd.center();

}

</script>

</telerik:RadCodeBlock>

</form>

</body>

</html>

Window

answered on 02 Aug 2010

2 answers

155 views

Error when contentUrl of radPane is PDF

I have an application with a radSplitter and one of the radPane has is contentUrl set to a pdf document. It is loading correctly in the page but I get an error when I exit it. The browser used to reproduce this error is the .Net WebBrowser Component of a winform application. Here is the code of those application :

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

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!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 id="Head1" runat="server">

<title>Éditeur d'aide en ligne</title>

<style type="text/css">

/*

CSS qui permet au radSplitter d'occuper toute la hauteur

de la page

*/

html, body, form

{

height: 100%;

margin: 0px;

padding: 0px;

overflow: hidden;

}

</style>

</head>

<body>

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

<telerik:RadScriptManager ID="ScriptManager" runat="server"

EnableTheming="True">

</telerik:RadScriptManager>

<div id="ParentDivElement" style="height: 100%;">

<telerik:RadSplitter ID="splitterPage" runat="server" Height="100%" Width="100%"

Orientation="Horizontal" Skin="Office2007" >

<telerik:RadPane ID="panePage" runat="server" Height="65%" ContentUrl="http://localhost:80/doc.pdf">

</telerik:RadPane>

<telerik:radsplitbar ID="RadsplitbarTop" runat="server" />

<telerik:RadPane ID="paneEditor" runat="server" height="35%">

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</form>

</body>

</html>

A simple winform application :

Public Class frmSimpleWinApp

Private Sub frmEditeurAideLigne_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

webbrowser1.Navigate("http://localhost:49646/Default.aspx")

Me.WindowState = FormWindowState.Maximized

End Sub

End Class

I have attached the error message I get (It's in french). Any idea on this error??

Splitter

answered on 02 Aug 2010

3 answers

191 views

Sliding pane always at the bottom

Hi,

I am trying to create a login panel for my website. I need to add a bar at that will stay always at the bottom, even when scrolling down the page. So the panel will open/slide up on click.

This is what I have so far. the problem is that the panel is 100% of the Height even when I set it to 42px.



<style type="text/css">
            .login-badge{ width:100%; height:42px; display:block; position:absolute; bottom:0; left:0; background-color:Black; z-index:9999; }
</style>

<

telerik:RadSplitter ID="RadSplitter1" runat="server" FullScreenMode="true" CssClass="login-badge" >

<telerik:RadPane ID="RadPane1" runat="server">

<telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" SlideDirection="top" >

<telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" EnableDock="false">

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

</

telerik:RadSplitter>

See attachments to have a better idea of what I'm trying to create.

Thank you.

Splitter

answered on 02 Aug 2010

11 answers

225 views

[Solved] Timeline Resource Grouping

I want to know if it's possible to exclude resources when doing a group by if there are no appointments present for a particular resource. Please see the attched file where resource user John Pieratt has no appointments scheduled for the week. I do not want to see him when I group by users unless he has appointments for the given view.

Scheduler

answered on 02 Aug 2010

1 answer

97 views

[Solved] Installer Windows 7 x64 system Error

I have had a terrible experience when install Teleriks Demo of the Asp.net AJAX demo and RadFormDecorator Free Edition on my Windows 7 x64 system. I get an error during the install and it did not completely install and now I get the same error when i try to uninstall. Do Teleriks controls have issues being developed on x64/Windows 7 systems?

FormDecorator

answered on 02 Aug 2010