Questions on UI for ASP.NET AJAX Forum

1 answer

66 views

Telerik Grid Master and Detail Table view alignment issue

Hi,

I have been working on telerik grid master and detail table view alignment ie i need to align the detail table column width with parent grid row.If i increase/decrease column width of the detail table,then the same alignment must be applied for master grid and also if i change the parent grid alignment it should be apply to detail table also.
I am trying with the following code ,but not able to get it.

function dragGridColSize()

{

debugger;

var grid = window["<%= grdSearch.ClientID %>"];

var masterTableView = $find("<%= grdSearch.ClientID %>").get_masterTableView();

for (var masterIndex = 0; masterIndex < masterTableView.get_dataItems().length; masterIndex++)

{

var masterDataItem = masterTableView.get_dataItems()[masterIndex];

var detailtableView=$find('ctl00_cntPageHolder_grdSearch').get_detailsTableView();

for(var detailIndex=masterIndex; detailIndex < detailtableView.get_dataItems().length; detailIndex++)

{

var detailDataItem = detailtableView.get_dataItems()[detailIndex];

detailDataItem._element.style.position= masterDataItem._element.style.position;

}

Grid

answered on 23 Dec 2010

5 answers

113 views

Disabling scheduler control in FireFox

Hi,

I'm using a RadDock for editing/inserting appointments in a scheduler control. I disable the scheduler control (setting Enabled=false) when the RadDock opens, so the user can't move, resize or edit other existing appointments while the current appointment is being edited (I want to simulate a kind of modal window). It works fine in IExplorer but not in FireFox, because I still can move, resize, edit or insert appointments. Is there a solution for this feature in FireFox?

Regards.

Scheduler

answered on 23 Dec 2010

4 answers

175 views

RadWindow as Modal dialog has different background in IE and Chrome

Issue 1:
I am using RadWindow to show a modal dialog. In all browsers except IE I get right behavior i.e. you can still see the parent page, just cant click on it. But in IE, color is so dark it hides the parent page. Attached are pictures showing the difference. Any idea why is it happening.

Issue 2:
Interestingly I am using exact same code in another page and there I get correct background in all browsers and you can see parent page in all browsers when dialog is open. But when I close dialog window, it scrolls the parent page to the top. Even though there is no refresh or anything on window close.

Would appreciate any help. thanks.

Window

answered on 23 Dec 2010

1 answer

160 views

Raddock Collapse/Expand and Close buttons

When we decrease the width of the window in Firefox, the collapse/expand and close buttons are being forced to the line below the titlebar. I think this has to do with the fact that the title itself is now its own element. Once the collapse/expand buttons hit that element in Firefox, the buttons get forced to the next line. Prior to the latest telerik update, the title and buttons were contained within the same element so they blended together when resizing the window. How to resolve this? It's like I have to set the minimum width of the titlebar but that isn't working in firefox. It just keeps decresing in width beyond the set width.

/* START RadDock_Office2007 styles */

.RadDock_Office2007 .rdTop .rdLeft,

.RadDock_Office2007 .rdTop .rdRight

{

background-image: url('../images/Brand/DashboardHorizontalSprite.gif') !important;

}

.RadDock_Office2007 .rdTop .rdCenter

{

background-image: url('../images/Brand/DashboardVerticalSprite.gif') !important;

}

.RadDock_Office2007 .rdTitleBar em

{

line-height:25px !important;

color:#15428B !important;

font-family:Tahoma,verdana,arial !important;

font-size:11px !important;

font-style:normal !important;

font-variant:normal !important;

font-weight:bold !important;

text-align:left !important;

width:auto !important;

}

.RadDock_Office2007

{

margin: 0px 0px 5px 0px !important;

}

/* END RadDock_Office2007 styles */

/* START RadDock styles */

.rdContent

{

font-family:Tahoma,verdana,arial !important;

font: 11px Tahoma,verdana,arial !important;

}

.RadDock .rdTable .rdMiddle .rdCenter .rdContent

{

font: 11px Tahoma,verdana,arial !important;

font-family:Tahoma,verdana,arial !important;

}

.RadDock .rdCommands .rdCollapse{background:url('../images/changeclienttup.gif') transparent !important;}

.RadDock .rdCommands .rdExpand{background:url('../images/changeclientt.gif') transparent !important;}

.RadDock .rdCommands .rdClose{background:url('../images/close.gif') transparent !important;}

div.RadDock .rdTop .rdCenter {

background-position: 0px 0px !important;

background-repeat: repeat-x !important;

width: 100% !important;

}

div.RadDock .rdTop .rdLeft

{

background-position: 0px 0px !important;

}

div.RadDock .rdTop .rdRight

{

background-position: -6px 0px !important;

}

div.RadDock .rdMiddle .rdRight

{

background-position: 4px 0px !important;

background-color: #FFFFFF !important;

}

.RadDock .rdBottom .rdLeft,

.RadDock .rdBottom .rdCenter,

.RadDock .rdBottom .rdRight

{

background-position: 0 -101px !important;

height: 1px !important;

}

.RadDock .rdTop .rdLeft,

.RadDock .rdTop .rdRight,

.RadDock .rdMiddle .rdLeft,

.RadDock .rdMiddle .rdRight,

.RadDock .rdBottom .rdLeft,

.RadDock .rdBottom .rdRight

{

width: 5px !important;

}

.RadDock .rdTop

{

height: 27px !important;

}

.RadDock .rdTable .rdTop

{

line-height:25px !important;

}

.RadDockZone

{

position:relative !important;

}

.RadDockZone#RadDockZoneV1

{

padding: 0px 0px 0px 0px !important;

margin: 10px 0px 0px 10px !important;

}

.RadDockZone#RadDockZoneV2

{

padding: 0px 0px 0px 0px !important;

margin: 10px 0px 0px 10px !important;

}

.RadDockZone#RadDockZoneV3

{

padding: 0px 0px 0px 0px !important;

margin: 10px 10px 0px 10px !important;

}

/* END RadDock styles */

Dock

answered on 23 Dec 2010

6 answers

195 views

Creating new node in the tree using a web service

I am trying to create a new node and add it to the tree using a web service. I have the client correctly calling the web service and I am creating a RadTreeNodeData and returning it from the server. However, I am not sure how to de-serialize the RadTreeNodeData on the client side so I can put it in the tree.

Any help would be appreciated.

TreeView

answered on 23 Dec 2010

1 answer

57 views

RadDateTimePicker Focused Month

I have set MinDate and MaxDate. When you click calender icon, I want to open current month. Is it possible ?

Calendar

answered on 23 Dec 2010

3 answers

65 views

Please Help..Export with IgnorePaging=true on page load

I have the ignore paging flag turned on and in my page load, i need to export ALL data. So, in the Page_PreRender event, I call the ExportToCSV method, but only the first page gets exported. Any ideas?

Grid

answered on 22 Dec 2010

5 answers

101 views

RadDatePicker sometimes shows a link

I am incurring two problems:
1) I often get the getClientRects() when clicking a RadTreeNode or even any button which is supposed to change the values of controls in a RadAjax panel

2) RadDatePicker seems to have some problems. I tried it in two different computers. Sometimes instead of showing the date selector icon it shows links as attached in the file

Please help

General Discussions

answered on 22 Dec 2010

4 answers

268 views

RAD Combobox html escape

Hi,
I am using RAD ComboBox and I am trying to create and bind html tag for example

dr[

"categoryName"] = "<span style='padding-left:" + lvl * 10 + "px'>" + child_drs[i]["categoryName"].ToString() + "</span>";

Please find the attached image to check how browser is rendering it. However in firebug it is rendering "<" to "<"

Please help!!

ComboBox

answered on 22 Dec 2010

2 answers

104 views

Expand Child Gridview on Parent Edit Command

I have a nested gridview and would like to expand the child gridview when the edit command is fired on the parent record.

Any suggestions or solutions would be appreciated.

Grid

answered on 22 Dec 2010