Questions on UI for ASP.NET AJAX Forum

3 answers

93 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

268 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

107 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

157 views

[Solved] 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

136 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

104 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

103 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

76 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

127 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

22 answers

334 views

[Solved] How to use a RadScheduler

Good Day

My name is Vuyiswa Maseko. Our Company was using Infragistics and we were looking for a scheduling control and we came across telerik Scheduler and we decided that this is the product that we want. I am a Developer myself and i am the one who will be making a decision on which product to buy.

we are doing a timetabling System and there is a time where we have to display the timetable. i looked at the examples provided on your website, they are exactly what we want like this one

Example 1
Example 2

and the Database Schema is the same as our , we have Rooms table and we have Student Registrations table and we have Subjects. The Final Query that i currently have have all these things and i am just not sure about is the

RecurrenceRule

RecurranceParentID

Annotations

Description

in my final table i have

    
            SELECT distinct&nbsp; ID, Dy,&nbsp; Sess,[Code],[Description],Abrev,[Type],Number,<br>GrpName,GrpNumber,Duration,[Students], <br>[Venue],Capacity,<br>[Staff],[ModlID],[Term]<br>,[StaffTerm]<br>,[Date],[Length]<br>FROM <br>#Final_Timetable <br>

I have Sessions, Day,Venue as ("Rooms") ,Code as ("Subject"), Date("The Data it must be scheduled"), Length (in Minutes), Students as (Number of Students)

Before i can tell me company to buy the Product i must give them a Demo on this. This is exactly what i want. Can you assist.

Kind Regards

Vuyiswa Maseko

Scheduler

answered on 24 Jan 2011