Questions on UI for ASP.NET AJAX Forum

17 answers

485 views

Using add_resize to subscribe to client-side window resize events?

Hello,

My ASP.NET 3.5 app uses a Prometheus Q3 RadWindow containing a single editor control. I would like the editor control to fill the entire RadWindow, even if the user resizes the window (in addition, I'd like to impose a minimum size on the window, but that's another issue). I'm using the following client-side code to achieve this:

<head>

    <script type="text/javascript">

        function getRadWindow() {

            var oWnd=null;

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

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

            return oWnd;

        }

        

        function ResizeEditor() {

            var editor=$find("<%=Editor.ClientID%>");

            editor.setSize(getRadWindow().get_Width()-45,getRadWindow().get_Height()-75);

        }

        

        function pageLoad() {

            ResizeEditor();    

            getRadWindow().add_resize(ResizeEditor); //doesn't work!

        }

    </script>

</head>

The initial ResizeEditor() call in pageLoad() works just fine, and the editor is resized to fill the RadWindow just after it loads (the visible resizing isn't as pretty as I'd like, but at least it works...). However, the add_resize causes a JavaScript error: a stack overflow message box in IE7 and "too much recursion" somewhere in ScriptResource.axd when using Firefox.

This happens even when I use a dummy function as the add_resize argument, and also when I use add_close instead of add_resize.

What is the correct way to use add_resize in this scenario? And/or is there a better way to achieve the desired functionality?

Thanks!
Michiel de Bruijn

Window

answered on 24 Jan 2011

3 answers

77 views

RadPanelBar Skin Not Working in IE7, Works in IE8

I used RadPanelBar to create a fancy menu in my web application. I used version 2010 Q2. It works perfectly in ie8. But it does not work in IE7. It looks terrible. Can you please help me to figure out? Here is the skin definition used (again, it works in IE8)

.RadPanelBar_Simple

.rpRootGroup

{

border-color: #999;

}

.RadPanelBar_Simple

.rpLink,

.RadPanelBar_Simple

.rpTemplate

{

color:White;

font: normal 11px/20px "Segoe UI", Arial, sans-serif;

font-weight:bold;

}

.RadPanelBar_Simple

.rpLink

{

border-color: #89AEE5;

height:22px;

}

.RadPanelBar_Simple

.rpSeparator

{

border-top: 1px solid #FFFFFF;

height:20px;

background-color:#006699;

}

.RadPanelBar_Simple

.rpLink .rpText

{

border-color: #89AEE5;

height:22px;

padding: 0px 5px 0px 5px;

}

/* compensate for borders */

.RadPanelBar_Simple

.rpOut

{

border-color: #e4e4e4;

}

.RadPanelBar_Simple

.rpExpanded

{

border-color: #3d556c;

}

.RadPanelBar_Simple

.rpLink:hover,

.RadPanelBar_Simple

.rpFocused,

.RadPanelBar_Simple

.rpSelected

{

color: #892500;

}

.RadPanelBar_Simple

.rpLink:hover,

.RadPanelBar_Simple

.rpFocused

{

background-color: #ff9900;

border-color: #c98400;

}

.RadPanelBar_Simple

.rpSelected,

.RadPanelBar_Simple

.rpSelected:hover

{

background-color: #ffa517;

border-color: #ca4b0c;

}

div.RadPanelBar_Simple

.rpLink .rpOut,

div.RadPanelBar_Simple

.rpFocused .rpOut,

div.RadPanelBar_Simple

.rpLink:hover .rpOut,

div.RadPanelBar_Simple

.rpSelected .rpOut,

div.RadPanelBar_Simple

.rpSelected:hover .rpOut

{

padding-bottom: 1px;

border-top:solid 1px white;

}

/* <disabled items> */

.RadPanelBar_Simple

.rpDisabled,

.RadPanelBar_Simple

.rpDisabled:hover

{

color: #bbb;

background-color: #e4e4e4;

border-color: #999;

cursor: default;

}

.RadPanelBar_Simple

.rpDisabled:hover .rpOut

{

border-color: #e4e4e4;

}

/* </disabled items> */

/* <expand arrows> */

.RadPanelBar_Simple

.rpExpandable .rpText,

.RadPanelBar_Simple

.rpExpanded .rpText

{

background-color: transparent;

background-image: url('PanelBar/Expandable.png');

background-repeat: no-repeat;

}

/* </expand arrows> */

/* <subitems> */

.RadPanelBar_Simple

.rpGroup

{

}

div.RadPanelBar_Simple

.rpGroup .rpLink,

div.RadPanelBar_Simple

.rpGroup .rpTemplate

{

color: white;

background-color: transparent;

background-image: none;

border: 0;

margin: 0 -1px;

padding: -1px;

}

div.RadPanelBar_Simple

.rpGroup .rpLink:hover,

div.RadPanelBar_Simple

.rpGroup .rpFocused,

div.RadPanelBar_Simple

.rpGroup .rpSelected,

div.RadPanelBar_Simple

.rpGroup .rpSelected:hover

{

color: #892500;

border: 1px solid #c98400;

background-color: #ff9900;

padding: 0;

}

div.RadPanelBar_Simple

.rpGroup .rpSelected

{

background-color: #ffa517;

border-color: #ca4b0c;

}

/* <subitems (disabled)> */

div.RadPanelBar_Simple

.rpGroup .rpDisabled,

div.RadPanelBar_Simple

.rpGroup .rpDisabled:hover

{

color: #bbb;

text-decoration: none;

background-color: #fff;

border: 0;

padding: 1px;

}

/* </subitems (disabled)> */

/* <subitems> */

/* <background positioning> */

.RadPanelBar_Simple

.rpLink,

.RadPanelBar_Simple

.rpExpanded

{

background-position: 0 0;

}

.RadPanelBar_Simple

.rpFocused,

.RadPanelBar_Simple

.rpLink:hover,

.RadPanelBar_Simple

.rpExpanded:hover

{

background-position: 0 -200px;

}

.RadPanelBar_Simple

.rpSelected,

.RadPanelBar_Simple

.rpSelected:hover

{

background-position: 0 -400px;

}

.RadPanelBar_Simple

.rpFirst .rpLink,

.RadPanelBar_Simple

.rpFirst .rpExpanded

{

background-position: 0 -1px;

}

.RadPanelBar_Simple

.rpFirst .rpFocused,

.RadPanelBar_Simple

.rpFirst .rpLink:hover

{

background-position: 0 -201px;

}

.RadPanelBar_Simple

.rpFirst .rpSelected,

.RadPanelBar_Simple

.rpFirst .rpSelected:hover

{

background-position: 0 -401px;

}

/* <expand arrows> */

.RadPanelBar_Simple

.rpExpandable .rpText,

.RadPanelBar_Simple

.rpExpanded .rpText

{

padding-right: 20px;

background-repeat: no-repeat;

}

.RadPanelBar_Simple_rtl

.rpExpandable .rpText,

.RadPanelBar_Simple_rtl

.rpExpanded .rpText

{

padding-left: 20px;

}

.RadPanelBar_Simple_rtl

.rpGroup .rpText

{

padding: 0 10px;

}

.RadPanelBar_Simple

.rpExpandable .rpText { background-position: 100% 0; }

.RadPanelBar_Simple

.rpExpanded .rpText { background-position: 100% -176px; }

.RadPanelBar_Simple_rtl

.rpExpandable .rpText { background-position: 0 0; }

.RadPanelBar_Simple_rtl

.rpExpanded .rpText { background-position: 0 -176px; }

.RadPanelBar_Simple

.rpGroup .rpExpandable .rpText { background-position: 100% -338px; }

.RadPanelBar_Simple

.rpGroup .rpExpanded .rpText { background-position: 100% -477px; }

.RadPanelBar_Simple_rtl

.rpGroup .rpExpandable .rpText { background-position: 0 -338px; }

.RadPanelBar_Simple_rtl

.rpGroup .rpExpanded .rpText { background-position: 0 -477px; }

/* </expand arrows> */

.RadPanelBar_Simple

.rpGroup .rpLink,

.RadPanelBar_Simple

.rpGroup .rpLink .rpOut { background-position: 0 200px; }

.RadPanelBar_Simple

.rpGroup .rpLink:hover,

.RadPanelBar_Simple

.rpGroup .rpFocused { background-position: 100% -22px; }

.RadPanelBar_Simple

.rpGroup .rpLink:hover .rpOut,

.RadPanelBar_Simple

.rpGroup .rpFocused .rpOut { background-position: 0 0; }

/* <subitems (selected)> */

.RadPanelBar_Simple

.rpGroup .rpSelected,

.RadPanelBar_Simple

.rpGroup .rpSelected:hover { background-position: 100% -222px; background-color: transparent; }

.RadPanelBar_Simple

.rpGroup .rpSelected .rpOut,

.RadPanelBar_Simple

.rpGroup .rpSelected:hover .rpOut { background-position: 0 -200px; }

/* </subitems (selected)> */

/* </background positioning> */

PanelBar

answered on 24 Jan 2011

11 answers

244 views

Self Hierarchy Grid's Child Rows bounded twice Issue

The Self Hierarchy grid's Child rows bound correctly if we bind the grid source in the Page Load event.
If we bind the Self Hierarchy Grid in the button click event the child rows are bounded twice. The child rows first bounded under the parent row and again bounded with the grid(with the parent row degree).

We used datatable as to bind the grid and rest of the things are same as explained in the below exmaple link
http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/selfreferencing/defaultcs.aspx

Grid

answered on 24 Jan 2011

1 answer

93 views

Grid Export to Excel Cannot Get Header

Hello,

I have a problem ,

Radgrid Export to Excel Cannot Get Grid Header
Pls Help...

Thanks

Nithin

(File Attched)

Grid

answered on 24 Jan 2011

2 answers

143 views

how to fill text box on grid mouse over

Hi,

I am using radgrid and text box

<telerik:radgrid...>
<asp:textbox ...>

I want to fill text box through mouse move event of grid cell. If mouse move on another cell then text box should fill accordingly cell value.
Please suggest.

Thanks in Advance.
Reyaz

General Discussions

answered on 24 Jan 2011

0 answers

120 views

RAD Async File Upload

Hi,
I am using 2010.2.929.40 version. In async file upload when client side file extension validation fails, a 'remove' link comes. I want the 'select' option to come instead of remove link. What is the work around. Only single file upload is allowed in my scenario. Reply.

AsyncUpload

asked on 24 Jan 2011

2 answers

85 views

change backcolor for each row

hi
in my radgrid odd row are white and even row are blue
i want when mouseover evente row be red after mouse out back to blue or white
plz help to me

ComboBox

answered on 24 Jan 2011

4 answers

92 views

RadCalendar Looks

Hi
I am using RadCalendar in my page... But my calendar is not looking pretty good....like the demo one....i need to display my calendar should be like that.. i am using the same CSS .

Calendar

answered on 24 Jan 2011

1 answer

64 views

Grid Sorting Solution

HI,

i have two columns in radgrid one is visible and another is invisible. when user clicks on one column it should sort by taking in consideration of other column also. Please find the attached screen shot with this post.

regards
Nagendra

Grid

answered on 24 Jan 2011

6 answers

110 views

OnClientRecurrenceActionDialogShowing issue with recurrent meetings

I have the following issue when using a List datasource in combination with a custom OnClientRecurrenceDialogShowing:

<telerik:RadScheduler ID="Scheduler" runat="server"

OnClientRecurrenceActionDialogShowing="OnClientRecurrenceActionDialogShowing"

DataKeyField="Id"

DataSubjectField="Subject"

DataStartField="Start"

DataEndField="End"

DataRecurrenceField="RecurrenceRule"

DataRecurrenceParentKeyField="RecurrenceParentId"

OnAppointmentInsert="Scheduler_AppointmentInsert"

OnAppointmentUpdate="Scheduler_AppointmentUpdate"

OnAppointmentDelete="Scheduler_AppointmentDelete"

DisplayDeleteConfirmation="False"

AllowDelete="true" />

and following Javascript:

<script type="text/javascript">

function OnClientRecurrenceActionDialogShowing(sender, eventArgs) {

eventArgs.set_cancel(true);

eventArgs.set_editSeries(false);

}

</script>

According to documentation, this should bypass the "do you want to (edit/delete) this appointment occurrence or series" dialogs.
However, if I put a breakpoint in the Scheduler_AppointmentDelete handler, I hit the breakpoint for "simple" appointments, but not for recurrent ones. On the other hand, editing a recurrent appointment works fine, bypasses the dialog and edits the series.

Is this a known issue?

(version = v4.0.30319 / 2010.2.929.40)

Scheduler

answered on 24 Jan 2011