Questions on UI for ASP.NET AJAX Forum

1 answer

101 views

Raddock jumps 4 pixels up and left on click

I have encountered a problem with the RadDock control when it is used inside an IFRAME with the frameborder property set to 0.

I have a simple page (raddocktest.aspx) which just creates a draggable Raddock and puts it on the page. This works fine, and you can click on the RadDock title and drag it around.

However, if I include this page within an IFRAME in another page (johnmaster.aspx) then I get a problem (only when using IE7, it is fine in firefox). If I set the frameborder property of the iframe to 0 then the raddock jumps slightly when I click on the title bar. It moves up and left by about 4 pixels. This does not happen when I set the frameborder to 1, but I don't want a frame border. It also moves about 2 extra pixels at the end of the drag when it is dropped.

I have included here the source of the raddocktest.aspx page and the page with the iframe that it sits in.

Any ideas what I can do to stop this happening? I makes it very annoying to drag/drop the raddock when it keeps jumping a few pixels each time.

johnmaster.aspx

<%

@ Page Language="VB" AutoEventWireup="false" %>

<%

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

</

head>

<

body >

</iframe>

</form>

</

body>

</

html>

RADDOCKTEST.ASPX

<%

@ Page Language="VB" AutoEventWireup="false" CodeFile="raddocktest.aspx.vb" Inherits="raddocktest" %>

<%

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

<div>

<asp:Panel runat=server ID="MainArea"></asp:Panel>

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

</telerik:RadScriptManager>

</div>

</form>

</

body>

</

html>

RADDOCKTEST.aspx.vb

Imports

Telerik.Web.UI

Partial

Class raddocktest

Inherits System.Web.UI.Page

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

Dim Raddock As New RadDock

Raddock.Width = 200

Raddock.Height = 100

Raddock.Top = 200

Raddock.Left = 200

Raddock.Title =

"hello"

Raddock.ID =

"MYRADDOCK"

MainArea.Controls.Add(Raddock)

End Sub

End

Class

Dock

answered on 18 Sep 2008

0 answers

129 views

How to calculate difference between two RAD-Date-Pickers and two RAD-time-pickers

hi
I want to calculate the number of days using two RAD-Date-Pickers by their difference.
I need A JavaScript Function to calculate the difference of dates from two RAD-date-pickers as well as diff. of time from two RAD-time-pickers(separate codes for date and time differences).

Calendar

asked on 18 Sep 2008

1 answer

66 views

Problem overlaying over Silverlight.

Hello,
I am sending my earlier message again as it seems to have been overlooked ( probably something I did wrong ).

Sadly you do not appear to have yet ported your excellent RadEditor to Silverlight. No problem, I thought, I will just overlay the Ajax version over the top of the latest version of Silverlight, using a div with display:none and display:block. All works fine except that after I hide the Editor (display:none), none of the direction keys, or back button work in the Silverlight text boxes. Also the cursor from the RadEditor remains on the Silverlight page. Although this is irritating, I can live with it. Does anyone have any idea what can be done about the arrow keys ? Please do not hesitate to ask if I have have not made the problem clear. I have a working example that demonstrates my problem, which I am more than happy to send if you tell me how.

If it is not too much trouble, could someone please indicate that my message has got through this time. If the reason noone has replied, is because this is the wrong place, could someone please let me know so I can contact the right people.

Many thanks,

Pete.

Editor

answered on 18 Sep 2008

1 answer

119 views

RadRotator in grid?

Is it possible to create an item template for the grid that includes a RadRotator control? RadRotator would need to pull it's datasource based on the primary key field of the current grid row.

Thanks
Mark

Rotator

answered on 18 Sep 2008

4 answers

79 views

UseStaticHeader giving problems with template columns

Hi,

We have a grid with template item columns, template header columns and custom filter controls.
Now when i try to set the header as fixed by using UseStaticHeader, the grid is displayed without any rows. There is a thin section at the far left of the grid. If i click on this section the rows of the grid magically appear from somewhere. Its like the rows are pushed somewhere to the far left and another section is displayed in the grid.
I could have pasted the screen shot here but it seems uploading is not supported here.
Any help would be appreciated.

Thanks in advance.

Grid

answered on 18 Sep 2008

1 answer

177 views

Radwindow is not working for radgrid paging

Hi,
im using a radgrid in my page with "edit" item template column. when i click edit a radwindow will be opened to edit that particular row information. when i click update the radwindow will be closed and the parent page will be refreshed. it is working fine for the first page. But if im trying the same for the next pages it is giving error "Microsoft JScript runtime error: 'this._windows.length' is null or not an object" .

can you please tell me the solution for this.

The code for my parent page is: CreateGroup.aspx

//show the window

function showDialog() {

//Force reload in order to guarantee that the onload event handler of the dialog which configures it executes on every show.

var oWnd = window.radopen(null, "DialogWindow");

oWnd.setUrl(oWnd.get_navigateUrl());

if (oWnd != null) {

oWnd.setUrl(oWnd.get_navigateUrl());

}

//dialog for Edit Group

function openRadEditWindow(Group_Id, Group_Name, Group_Desc) {

var oWnd = radopen("EditGroupDialog.aspx?Group_Id=" + Group_Id + "&Group_Name=" + Group_Name + "&Group_Desc=" + Group_Desc, "EditWindow");

oWnd.center();

}

// Called when a window is being closed.

function OnClientclose(radWindow) {

//to refresh the parent window

document.location.href=document.location.href;

}

</script>

Code for radwindow dialog page is:

<

script type="text/javascript">

//This code is used to provide a reference to the radwindow "wrapper"

function GetRadWindow() {

var oWindow = null;

if (window.radWindow) oWindow = window.radWindow;

else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;

return oWindow;

}

function ConfigureDialog() {

//Get a reference to the radWindow wrapper

var oWindow = GetRadWindow();

}

function Cancel_Clicked()

{

var oWindow = GetRadWindow();

oWindow.close();

}

</script>

Grid

answered on 18 Sep 2008

3 answers

76 views

Retrieveing a RadWndow's position client-side

Hi,

my applications's login screen is a RadWindow which is centered on the

screen. I want to place a line of text below that window. This works if I

place this line with "position: absolute" but if the browser window is resized,

the layout breaks.

Therefore I want to place the text dynamically on page load. How can I determine

the RadWindow's position via JavaScript? Or is there a better way to do what

I want?

Best regards,

Robert

Window

answered on 18 Sep 2008

0 answers

124 views

Images in custom template

Dear All,

I have created a custom template which will hold an image.

The images were in the folder "images".

The images were also embedded web resource and it is in the assembly.

How can I bound the images to it.

I have specified the following codes but it is not embedding the images.

img.ImageUrl = instancePage.ClientScript.GetWebResourceUrl
(typeof(NewAdminTool), "MyApplicationName.Images." +
((DataRowView)container.DataItem)["FileExtID"].ToString() + ".jpg");

(instancePage is the instance of the page which is passed from the page where the grid is.)

and

img.ImageUrl = Path.Combine(HttpContext.Current.Server.MapPath("Images"), ((DataRowView)container.DataItem)["checked"].ToString() + ".gif");

Thanks a lot in advance.

Grid

asked on 18 Sep 2008

3 answers

141 views

How to get pager at bttom of grid instead of just under last row

Hello,

I have RadGrid with fixed height (let's say 300px) and paging enable.
Layout of the pager is Ok when there are enough rows to fill PageSize (i.e. when PageSize 10 and there are 10 rows on the page, it's Ok). But when there are less rows than PageSize (e.g. 5 rows when page size is 10), the pager renders just under the last row instead of the most bottom of the grid.

To illustrate:
Here is what I see when there are enough rows:
--------------top of the grid
|row1
|row2
|...
|row10
|pager (1 2 3 ...)
--------------bottom of the grid
>>>>>> OK

Here is what I see when there are less rows than PageSize:
--------------top of the grid
|row1
|row2
|row3(last row on page, but PageSize is 10)
|pager (1 2 3 ...)
|
|
--------------bottom of the grid
>>>>>> NOT OK, WANTED:
--------------top of the grid
|row1
|row2
|row3(last row on page, but PageSize is 10)
|
|
|pager (1 2 3 ...)
--------------bottom of the grid

Can it be fixed? Maybe the question is dumb and I'm just missing some property to be set, but I could not find it so far.

Thanks in advance.

Grid

answered on 18 Sep 2008

1 answer

167 views

Grid Filter not working

Hi I am using datareader to bind the Grid but its filtering is not working for some reasons. I am using the latest version of Telerik controls and DNN. Here is the code if you need.

<telerik:RadGrid ID="rdActions" runat="server" AllowFilteringByColumn="True"

AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"

GridLines="None" Skin="Sunset" PageSize="20">

<

MasterTableView DataKeyNames="itemiID" AllowFilteringByColumn="true" ShowFooter="true">

<

RowIndicatorColumn>

<

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

</

RowIndicatorColumn>

<

ExpandCollapseColumn>

<

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

</

ExpandCollapseColumn>

<telerik:GridBoundColumn DataField="dateCol" AutoPostBackOnFilter="true" HeaderText="Date" UniqueName="datCol">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn AutoPostBackOnFilter="True" HeaderText="Broker"

UniqueName="brokerCol">

<%

# formatUser(DataBinder.Eval(Container, "DataItem.BrokeriID")) %>

</b></a>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn AutoPostBackOnFilter="True" HeaderText="BDE"

UniqueName="bdeCol">

<asp:Label ID="Label2" runat="server" Text='<%# formatUser(DataBinder.Eval(Container, "DataItem.BDEiID")) %>'>

</asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn AutoPostBackOnFilter="True" DataField="VisitType"

HeaderText="Visit Type" UniqueName="visitTypeCol">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Status" HeaderText="Status"

UniqueName="statusCol" AutoPostBackOnFilter="True">

</telerik:GridBoundColumn>

</Columns>

</

MasterTableView>

<

FilterMenu EnableTheming="True">

<

CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>

</

FilterMenu>

</telerik:RadGrid>

Protected Sub rdActions_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles rdActions.NeedDataSource