Questions on UI for ASP.NET AJAX Forum

1 answer

251 views

Hi.
how can I change the hover color via css (if possible) when the user is hovering over submenu items?
So currently it appears to be white but I would like to change this to say... blue.

Menu

answered on 08 Apr 2013

5 answers

104 views

different behaviours in radplitter height between Firefox and Chrome

Dear All,

I have the following code attached with this post, and for some reason, in Firefox and IE it looks good, ie no scrollbars and height is 100%, however in Chrome, I am getting a scrollbar, and cannot set the height properly to 100%.

My code is as follows, however I can provide a zip of the page if needed :-

<!DOCTYPE html>
<html lang="en">
<head id="Head1" runat="server">
<meta charset="utf-8" />
<title><%: Page.Title %> - My ASP.NET Application</title>
<asp:PlaceHolder ID="PlaceHolder1" runat="server">
<%: Scripts.Render("~/bundles/modernizr") %>
</asp:PlaceHolder>
<webopt:BundleReference ID="BundleReference1" runat="server" Path="~/Content/css" />
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

<style type="text/css">
html {
background-color: #e2e2e2;
margin: 0;
padding: 0;
}

body {
background-color: #fff;
color: #333;
font-size: .85em;
font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
}

header, footer, hgroup,
nav, section {
display: block;
}

.float-left {
float: left;
}

.float-right {
float: right;
}

.clear-fix:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;
}

h5 a:link, h5 a:visited, h5 a:active {
padding: 0;
text-decoration: none;
}

/* Header*/
header {
padding-bottom: 5px;
position: relative;
}

/* main layout
----------------------------------------------------------*/
.content-wrapper {
margin: 0 auto;
/*max-width: 960px;*/
width: 100%;
}

.radSplitterCss {
height: 100% !important;
margin: 0;
}

.radLeftPane {
height: 100%;
padding-left: 5px;
}

.radSplitBar {
height: 100%;
}

.radRightPane {
height: 100% !important;
width: 79%;
padding-left: 5px;
}

.mainContent {
width: 98%;
text-align: justify;
}

#body {
background-color: #ffffff;
clear: both;
padding-bottom: 35px;
}

footer {
clear: both;
font-size: .8em;
height: 60px;
border-top: 1px solid #D5D5D5;
}

</style>

</head>
<body>
<form id="Form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<header>
<div class="content-wrapper">
header
</div>
</header>
<div id="body">
<section class="content-wrapper main-content clear-fix">
<telerik:RadSplitter ID="RadSplitter1" runat="server" PanesBorderSize="0" BorderSize="0"
Width="100%" Height="100%" Orientation="Vertical" CssClass="radSplitterCss" HeightOffset="30">
<telerik:RadPane ID="RadPane2" runat="server" Width="15%" Height="100%" BackColor="white"
MinWidth="315" CssClass="radLeftPane">
This is the left pane
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitbar2" runat="server" Width="1%" CollapseMode="Forward" CssClass="radSplitBar" >
</telerik:RadSplitBar>
<telerik:RadPane ID="RadPane3" runat="server" BackColor="white" CssClass="radRightPane" >
<asp:UpdatePanel runat="server" ID="UPContent">
<ContentTemplate>
<div class="mainContent">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu sapien vel libero congue hendrerit at vel leo. Vivamus convallis enim sed leo hendrerit at posuere dui tristique. Donec lorem magna, aliquam sit amet feugiat sed, viverra a ligula. Sed gravida, nulla sed egestas faucibus, dui justo aliquam ligula, pellentesque facilisis justo turpis tristique felis. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque ante ipsum, lobortis vel facilisis eu, sodales eget nibh. Aenean vehicula, tellus vitae elementum malesuada, justo nulla vestibulum ipsum, condimentum dapibus augue est nec diam. Pellentesque volutpat turpis et velit viverra in sodales metus euismod. Duis in leo eget justo bibendum mattis eu eget lectus. Integer odio enim, eleifend eget ullamcorper eu, sodales id lacus. Maecenas malesuada malesuada dui, sit amet molestie dolor sollicitudin nec. Nunc a mauris leo, ut pellentesque nunc. Nullam sed augue nibh, eget feugiat risus. Nunc faucibus scelerisque felis, non sodales tortor sodales a. Nullam non mauris sem, id dictum mi.

Nunc quis eros a dui hendrerit condimentum et in nisl. In pretium nisi eu augue venenatis sit amet ultrices turpis suscipit. Pellentesque lacinia, leo eget eleifend faucibus, augue ligula vehicula lectus, sed vestibulum justo sapien id mi. In et erat nisl, ut suscipit metus. Morbi eu nulla at massa placerat tincidunt ac et mi. Suspendisse mattis condimentum tellus, nec elementum orci suscipit id. Maecenas sit amet magna ac mauris facilisis ornare sodales dictum felis. Pellentesque facilisis commodo ipsum, et malesuada nisi consequat et. Fusce laoreet sagittis hendrerit. Nunc ut metus risus. Fusce vulputate scelerisque tortor nec dignissim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce sodales scelerisque eleifend.

Aenean et erat purus. Donec ut quam sed ante mattis consequat ut at est. Sed viverra elit sed risus aliquam ac iaculis nibh euismod. Proin rutrum varius risus, at blandit urna venenatis ac. Nam consequat sollicitudin lobortis. Phasellus pharetra, nisi id dictum commodo, magna magna mollis sapien, vel accumsan sem nisi a ipsum. Phasellus venenatis scelerisque sem, vel mattis lectus auctor sit amet.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut pretium rutrum sem sed ultrices. Duis sit amet tortor et ligula luctus scelerisque in at magna. Ut consequat laoreet magna, et vehicula arcu sodales non. Proin nec sapien risus, sit amet pulvinar dolor. Aliquam erat volutpat. Mauris sit amet est sit amet est tristique feugiat eget vel mauris.

Cras facilisis viverra ipsum quis rutrum. Maecenas id dui vitae justo pellentesque consectetur fringilla eget felis. Duis hendrerit porta sapien, id scelerisque dolor ullamcorper vel. Cras ullamcorper mauris sed ligula dignissim sed luctus tellus lacinia. Quisque egestas neque nec mi porttitor vitae facilisis odio sollicitudin. Aliquam erat volutpat. Ut lacus leo, venenatis id placerat pellentesque, tempor sit amet justo. Duis eget venenatis justo. In gravida est in elit adipiscing adipiscing et vitae lacus.

<p></p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu sapien vel libero congue hendrerit at vel leo. Vivamus convallis enim sed leo hendrerit at posuere dui tristique. Donec lorem magna, aliquam sit amet feugiat sed, viverra a ligula. Sed gravida, nulla sed egestas faucibus, dui justo aliquam ligula, pellentesque facilisis justo turpis tristique felis. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque ante ipsum, lobortis vel facilisis eu, sodales eget nibh. Aenean vehicula, tellus vitae elementum malesuada, justo nulla vestibulum ipsum, condimentum dapibus augue est nec diam. Pellentesque volutpat turpis et velit viverra in sodales metus euismod. Duis in leo eget justo bibendum mattis eu eget lectus. Integer odio enim, eleifend eget ullamcorper eu, sodales id lacus. Maecenas malesuada malesuada dui, sit amet molestie dolor sollicitudin nec. Nunc a mauris leo, ut pellentesque nunc. Nullam sed augue nibh, eget feugiat risus. Nunc faucibus scelerisque felis, non sodales tortor sodales a. Nullam non mauris sem, id dictum mi.

Nunc quis eros a dui hendrerit condimentum et in nisl. In pretium nisi eu augue venenatis sit amet ultrices turpis suscipit. Pellentesque lacinia, leo eget eleifend faucibus, augue ligula vehicula lectus, sed vestibulum justo sapien id mi. In et erat nisl, ut suscipit metus. Morbi eu nulla at massa placerat tincidunt ac et mi. Suspendisse mattis condimentum tellus, nec elementum orci suscipit id. Maecenas sit amet magna ac mauris facilisis ornare sodales dictum felis. Pellentesque facilisis commodo ipsum, et malesuada nisi consequat et. Fusce laoreet sagittis hendrerit. Nunc ut metus risus. Fusce vulputate scelerisque tortor nec dignissim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce sodales scelerisque eleifend.

Aenean et erat purus. Donec ut quam sed ante mattis consequat ut at est. Sed viverra elit sed risus aliquam ac iaculis nibh euismod. Proin rutrum varius risus, at blandit urna venenatis ac. Nam consequat sollicitudin lobortis. Phasellus pharetra, nisi id dictum commodo, magna magna mollis sapien, vel accumsan sem nisi a ipsum. Phasellus venenatis scelerisque sem, vel mattis lectus auctor sit amet.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut pretium rutrum sem sed ultrices. Duis sit amet tortor et ligula luctus scelerisque in at magna. Ut consequat laoreet magna, et vehicula arcu sodales non. Proin nec sapien risus, sit amet pulvinar dolor. Aliquam erat volutpat. Mauris sit amet est sit amet est tristique feugiat eget vel mauris.

Cras facilisis viverra ipsum quis rutrum. Maecenas id dui vitae justo pellentesque consectetur fringilla eget felis. Duis hendrerit porta sapien, id scelerisque dolor ullamcorper vel. Cras ullamcorper mauris sed ligula dignissim sed luctus tellus lacinia. Quisque egestas neque nec mi porttitor vitae facilisis odio sollicitudin. Aliquam erat volutpat. Ut lacus leo, venenatis id placerat pellentesque, tempor sit amet justo. Duis eget venenatis justo. In gravida est in elit adipiscing adipiscing et vitae lacus.

<p></p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu sapien vel libero congue hendrerit at vel leo. Vivamus convallis enim sed leo hendrerit at posuere dui tristique. Donec lorem magna, aliquam sit amet feugiat sed, viverra a ligula. Sed gravida, nulla sed egestas faucibus, dui justo aliquam ligula, pellentesque facilisis justo turpis tristique felis. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque ante ipsum, lobortis vel facilisis eu, sodales eget nibh. Aenean vehicula, tellus vitae elementum malesuada, justo nulla vestibulum ipsum, condimentum dapibus augue est nec diam. Pellentesque volutpat turpis et velit viverra in sodales metus euismod. Duis in leo eget justo bibendum mattis eu eget lectus. Integer odio enim, eleifend eget ullamcorper eu, sodales id lacus. Maecenas malesuada malesuada dui, sit amet molestie dolor sollicitudin nec. Nunc a mauris leo, ut pellentesque nunc. Nullam sed augue nibh, eget feugiat risus. Nunc faucibus scelerisque felis, non sodales tortor sodales a. Nullam non mauris sem, id dictum mi.

Nunc quis eros a dui hendrerit condimentum et in nisl. In pretium nisi eu augue venenatis sit amet ultrices turpis suscipit. Pellentesque lacinia, leo eget eleifend faucibus, augue ligula vehicula lectus, sed vestibulum justo sapien id mi. In et erat nisl, ut suscipit metus. Morbi eu nulla at massa placerat tincidunt ac et mi. Suspendisse mattis condimentum tellus, nec elementum orci suscipit id. Maecenas sit amet magna ac mauris facilisis ornare sodales dictum felis. Pellentesque facilisis commodo ipsum, et malesuada nisi consequat et. Fusce laoreet sagittis hendrerit. Nunc ut metus risus. Fusce vulputate scelerisque tortor nec dignissim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce sodales scelerisque eleifend.

Aenean et erat purus. Donec ut quam sed ante mattis consequat ut at est. Sed viverra elit sed risus aliquam ac iaculis nibh euismod. Proin rutrum varius risus, at blandit urna venenatis ac. Nam consequat sollicitudin lobortis. Phasellus pharetra, nisi id dictum commodo, magna magna mollis sapien, vel accumsan sem nisi a ipsum. Phasellus venenatis scelerisque sem, vel mattis lectus auctor sit amet.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut pretium rutrum sem sed ultrices. Duis sit amet tortor et ligula luctus scelerisque in at magna. Ut consequat laoreet magna, et vehicula arcu sodales non. Proin nec sapien risus, sit amet pulvinar dolor. Aliquam erat volutpat. Mauris sit amet est sit amet est tristique feugiat eget vel mauris.

Cras facilisis viverra ipsum quis rutrum. Maecenas id dui vitae justo pellentesque consectetur fringilla eget felis. Duis hendrerit porta sapien, id scelerisque dolor ullamcorper vel. Cras ullamcorper mauris sed ligula dignissim sed luctus tellus lacinia. Quisque egestas neque nec mi porttitor vitae facilisis odio sollicitudin. Aliquam erat volutpat. Ut lacus leo, venenatis id placerat pellentesque, tempor sit amet justo. Duis eget venenatis justo. In gravida est in elit adipiscing adipiscing et vitae lacus.
</div>
</ContentTemplate>
</asp:UpdatePanel>
</telerik:RadPane>
</telerik:RadSplitter>
</section>
</div>
<footer>
<div class="content-wrapper">
This is the footer
</div>
</footer>
</form>
</body>
</html>

Thanks for your help and time

Splitter

answered on 08 Apr 2013

3 answers

712 views

RadMaskedTextBox allow alphanumeric

I just began using the ASP.NET for AJAX RadControls a few weeks ago. I'm in the process of migrating my AJAX Control Toolkit maskededit control over to the RadMaskedTextBox and have a question regarding the mask.

I want the user to be able to enter a value that is three-characters in length. It can be all letters (uppercase only), all numbers, or a combination (i.e. alphanumeric). No symbols and no spaces are allowed and if a value is entered, all three must be entered. In the AJAX Control Toolkit, I was using a TextBox with a MaskedEditExtender...and a Mask of "???"...and this seemed to work fine. Without having to use regular expressions or jQuery...is there a mask or some way to do this via the code-behind?

Thanks.

Input

answered on 08 Apr 2013

0 answers

82 views

Toggle Expand/Collapse of two RadPanelBar items

I've a RadPanelBar that contains two items. I've made the ExpandMode to be SingleExpandedItem. The current behavior is when I expand an item, the other is collapsed.

What I want is, in addition to that, when I collapse an item, the other is expanded. All of this from client side and persisted.

PanelBar

asked on 08 Apr 2013

0 answers

74 views

Client-Side binding with custom appointments

Hi,

we are currently using Version 2011.2 915 of the ASP.NET AJAX Controls and have the following problem.

We want to populate RadScheduler via WCF Service which provides us with our own appointment objects (not inherited from AppointmentData; not implementing IAppointmentData) because other (non-telerik) applications have to use this service too.
Additionally we would like to use client-side binding to provide good responsiveness.
Currently we receive an error that the get_Time function within _toClientDate cannot be called on an object that is null.
In the arguments of RadScheduler.OnClientRequestSuccess we correctly receive our list of custom objects.

Is it possible to populate RadScheduler with our own objects? Do we need to use a custom DataProvider? Do we need a newer version of the RadControls?

Thanks in advance

Thomas

Scheduler

asked on 08 Apr 2013

1 answer

150 views

Fetch Text Box Data inside Rad Grid at client side

Hello Sir /Madam,

Currently i am using rad grid in my project now i am using asp text box control inside the item template of rad grid now i Have to check all Textboxes text at client side and apply Validation on it if all text boxes text is empty then validation message should be shown. here is my screen shot that i have attached named (TextBox_inside_grid) in this screen shot if i dont write any text in any text box than at button click message Should be display and if i click on cancel button than all validation messages show be hide and if any text is inside the textboxes it should also be clear. Currently i am writing this code:

function Materialreceived_ClientClick1() {
                var count = 0;
                var grid = $find("<%=RadGrid_POPUP_MaterialReceived.ClientID %>");
                var MasterTable = grid.get_masterTableView();
                for (var i = 0; i < MasterTable.get_dataItems().length; i++) {
                    var gridItemElement = MasterTable.get_dataItems()[i].findElement("txt_receivedqty");
                     var lenght = ((gridItemElement).val());
                    if (lenght>0) {


                        count++;
                        break;
                    }
                }
               if (count == 0) {
                    alert("Please check atleast one !");
                    document.getElementById("<%=lblgrid.ClientID %>").innerHTML = 'User must enter a number on at least one row.';
                    return false;
                }
            }

But its not working. so please tell me asap.

thanks in advance

Grid

answered on 08 Apr 2013

1 answer

70 views

$Find cannot find Grid which is in a NestedView Template

Hi,

I have a page which has a master grid and then in a NestedViewTemplate I have two PageViews which have grids as well.
From Javascript though, I cannot reference the grids in the PageViews using the $find command.
Any idea on how to resolve this?

Code is below:

Here is the code for the Master Grid and PageViews:

<div style="margin-left:10px;width:100%">
<telerik:RadComboBox ID="RadComboBox1" runat="server" DataSourceID="SqlDataSource8" DataTextField="coachname" DataValueField="coachid" AutoPostBack="true" Skin="Forest" OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged"></telerik:RadComboBox>
<asp:SqlDataSource runat="server" ID="SqlDataSource8" ConnectionString='<%$ ConnectionStrings:BHDPortalsConnectionString %>' SelectCommand="Select Distinct(FirstName + ' ' + LastName) as CoachName, CoachID from aspnet_users where FirstName + LastName <> ''"></asp:SqlDataSource>

<telerik:RadGrid ID="RadGrid1" OnPreRender="RadGrid1_PreRender" DataSourceID="SqlDataSource1"
runat="server" AutoGenerateColumns="False" AllowSorting="True"
AllowPaging="True" GridLines="None" OnItemCreated="RadGrid1_ItemCreated" Width="98%"
OnItemCommand="RadGrid1_ItemCommand" CellSpacing="0" AutoGenerateEditColumn="True" OnUpdateCommand="RadGrid1_UpdateCommand" AllowFilteringByColumn="true" OnItemDataBound="RadGrid1_ItemDataBound">

<PagerStyle Mode="NumericPages"></PagerStyle>
<GroupingSettings CaseSensitive="false"></GroupingSettings>

<MasterTableView DataSourceID="SqlDataSource1" AllowMultiColumnSorting="True" EditMode="InPlace" Name="ParentGrid"

GroupLoadMode="Server">

<NestedViewTemplate>

<asp:Panel runat="server" ID="InnerContainer" CssClass="viewWrap" Visible="false">

<telerik:RadTabStrip runat="server" ID="TabStip1" MultiPageID="Multipage1" SelectedIndex="0">

<Tabs>

<telerik:RadTab runat="server" Text="Appointments" PageViewID="PageView1">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Reports" PageViewID="PageView2">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="Multipage1" SelectedIndex="0" RenderSelectedPageOnly="false">

<telerik:RadPageView runat="server" ID="PageView1">

<asp:Label ID="Label1" Font-Bold="true" Font-Italic="true" Text='<%# Eval("PatientID") %>'

Visible="false" runat="server"></asp:Label>

<telerik:RadGrid runat="server" ID="AppointmentsGrid" DataSourceID="SqlDataSource2" ShowFooter="true" OnItemCommand="AppointmentsGrid_ItemCommand" OnDataBound="AppointmentsGrid_DataBound" OnItemDataBound="AppointmentsGrid_ItemDataBound"

AllowSorting="true" EnableLinqExpressions="false">

<MasterTableView ShowHeader="true" AutoGenerateColumns="False" AllowPaging="true" PageSize="7" HierarchyLoadMode="ServerOnDemand">

<Columns>
<telerik:GridButtonColumn FilterControlAltText="Filter column column" UniqueName="CancelBtn" Text="Cancel" CommandName="cancelBtn"
HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
</telerik:GridButtonColumn>
<telerik:GridBoundColumn SortExpression="ID" HeaderText="Id" DataField="ID" UniqueName="ID" DataType="System.Int32"
FilterControlAltText="Filter ID Column" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="Start" HeaderText="Start"
DataField="Start" UniqueName="Start" DataType="System.DateTime" FilterControlAltText="Filter Start column"
HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="Duration" HeaderText="Duration"
DataField="Duration" UniqueName="Duration" DataType="System.DateTime" FilterControlAltText="Filter Duration column"
HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="Appointment_Type" HeaderText="Appointment Type"
DataField="Appointment_Type" UniqueName="Appointment_Type" FilterControlAltText="Filter Appointment Type column"
HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="AppointmentStatus" DataField="AppointmentStatus" HeaderText="AppointmentStatus"
SortExpression="AppointmentStatus" DataType="System.Int32" FilterControlAltText="Filter AppointmentStatus column"
HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="CoachNotes"
HeaderText='Notes' Text="Notes" UniqueName="CoachNotes" ImageUrl="~/Images/notes.png" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="Small" HeaderStyle-HorizontalAlign="Center">
<HeaderStyle Width="20px" />
<ItemStyle CssClass="MyImageButton" HorizontalAlign="Center" />
</telerik:GridButtonColumn>
</Columns>



</MasterTableView>
</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString='<%$ ConnectionStrings:BHDPortalsConnectionString %>' SelectCommand="SELECT [Start], [End], DATEDIFF(minute,[Start],[End]) as Duration, [Subject] as Appointment_Type, [AppointmentStatus], ID, isnull(PatientCoachNoteID,0) as PatientCoachNoteID FROM [BHDAppointments] WHERE ([ClientUserID] = @ClientUserID)">
<SelectParameters>
<asp:ControlParameter ControlID="Label1" PropertyName="Text" Name="ClientUserID" Type="Int32"></asp:ControlParameter>
</SelectParameters>
</asp:SqlDataSource>



</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="PageView2">
<asp:Label ID="Label2" Font-Bold="true" Font-Italic="true" Text='<%# Eval("PatientID") %>'
Visible="false" runat="server"></asp:Label>

<telerik:RadGrid runat="server" ID="ReportsGrid" DataSourceID="SqlDataSource3" ShowFooter="true" OnItemCommand="ReportsGrid_ItemCommand" OnItemDataBound="ReportsGrid_ItemDataBound"
AllowSorting="true" EnableLinqExpressions="false" MasterTableView-DataKeyNames="PatientID">
<MasterTableView ShowHeader="true" AutoGenerateColumns="False" AllowPaging="true" PageSize="7" HierarchyLoadMode="ServerOnDemand">
<Columns>

<telerik:GridBoundColumn SortExpression="Accession" HeaderText="Accession"
DataField="Accession" UniqueName="Accession" FilterControlAltText="Filter Accession column"
HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="OriginalOrderDate" HeaderText="Original Order Date"
DataField="OriginalOrderDate" UniqueName="OriginalOrderDate" DataType="System.DateTime" FilterControlAltText="Filter OriginalOrderDate column"
HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
</telerik:GridBoundColumn>
<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="LabReport"
HeaderText='Lab Report' Text="Lab Report" UniqueName="LabReport" ImageUrl="~/Images/notes.png" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="Small" HeaderStyle-HorizontalAlign="Center">
<HeaderStyle Width="20px" />
<ItemStyle CssClass="MyImageButton" HorizontalAlign="Center" />
</telerik:GridButtonColumn>
<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="PLPFile"
HeaderText='PLP' Text="PLP" UniqueName="PLPFile" ImageUrl="~/Images/notes.png" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="Small" HeaderStyle-HorizontalAlign="Center">
<HeaderStyle Width="20px" />
<ItemStyle CssClass="MyImageButton" HorizontalAlign="Center" />
</telerik:GridButtonColumn>
<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Questionaire"
HeaderText='Questionaire' Text="Questionaire" UniqueName="Questionaire" ImageUrl="~/Images/notes.png" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="Small" HeaderStyle-HorizontalAlign="Center">
<HeaderStyle Width="20px" />
<ItemStyle CssClass="MyImageButton" HorizontalAlign="Center" />
</telerik:GridButtonColumn>
<telerik:GridButtonColumn ButtonType="PushButton" CommandName="Action"
HeaderText="Action" Text="Unlock" UniqueName="Action" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="Small" HeaderStyle-HorizontalAlign="Center">
<HeaderStyle Width="20px" />
<ItemStyle HorizontalAlign="Center" />
</telerik:GridButtonColumn>
<telerik:GridBoundColumn SortExpression="PLPFileName" HeaderText="PLP File Name"
DataField="PLPFileName" UniqueName="PLPFileName" FilterControlAltText="Filter PLPFileName column"
HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" EmptyDataText="">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="PLPCreatedDate" HeaderText="PLP Created Date"
DataField="PLPCreatedDate" UniqueName="PLPCreatedDate" DataType="System.DateTime" FilterControlAltText="Filter OriginalOrderDate column"
HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="QuestionaireStatus" HeaderText="QuestionaireStatus"
DataField="QuestionaireStatus" UniqueName="QuestionaireStatus" DataType="System.Int32" FilterControlAltText="Filter QuestionaireStatus column"
HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource3" runat="server" ConnectionString='<%$ ConnectionStrings:BHDPortalsConnectionString %>' SelectCommand="Select P.PatientID, P.Accession, P.OriginalOrderDate, isnull(PLPFileName,'') as PLPFileName, P.PLPCreatedDate, case when A.cnt > 0 then 1 else 0 end as QuestionaireStatus
FROM PatientAccessionReports P (nolock)
LEFT JOIN (Select PatientID, Accession, Count(*) as cnt from tblAnswers (nolock) group by PatientID, Accession) A
on A.PatientID = P.PatientID and A.Accession = P.Accession
where P.PatientID = @PatientID">
<SelectParameters>
<asp:ControlParameter ControlID="Label2" PropertyName="Text" Name="PatientID" Type="String"></asp:ControlParameter>
</SelectParameters>
</asp:SqlDataSource>

</telerik:RadPageView>



</telerik:RadMultiPage>

</asp:Panel>

</NestedViewTemplate>

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn>

<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column"></ExpandCollapseColumn>

<Columns>



<telerik:GridBoundColumn SortExpression="FirstName" HeaderText="First Name"

DataField="FirstName" UniqueName="FirstName" ReadOnly="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="Lastname" HeaderText="Last Name"

DataField="Lastname" UniqueName="Lastname" FilterControlAltText="Filter Lastname column" ReadOnly="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="BestContactPhoneNumber" HeaderText="Contact Phone"

DataField="BestContactPhoneNumber" UniqueName="BestContactPhoneNumber" FilterControlAltText="Filter BestContactPhoneNumber column" ReadOnly="true" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="PatientID"

HeaderText="Patient ID" DataField="PatientID" UniqueName="PatientID" FilterControlAltText="Filter PatientID column" ReadOnly="true" ForceExtractValue="InEditMode" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="AppointmentCount"
HeaderText="# of Appointments" DataField="AppointmentCount" UniqueName="AppointmentCount" FilterControlAltText="Filter AppointmentCount column" HeaderStyle-Width="5px" HeaderStyle-HorizontalAlign="Center" ReadOnly="true" ItemStyle-HorizontalAlign="Center" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>


<telerik:GridTemplateColumn HeaderText="Coach Id" UniqueName="CoachID" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="Small" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">
<ItemTemplate>
<%#DataBinder.Eval(Container.DataItem,"coachname")%>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox runat="server" ID="RadComboBox2" DataTextField="Name" Skin="Forest" AutoPostBack="true" OnSelectedIndexChanged="RadComboBox2_SelectedIndexChanged"
DataValueField="CoachId" DataSourceID="CoachUsers" SelectedValue='<%#Bind("CoachId") %>'>
</telerik:RadComboBox>
</EditItemTemplate>
</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Book"
HeaderText='Book' Text="Book" UniqueName="Book" ImageUrl="~/Images/book-icon.png" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="Small" HeaderStyle-HorizontalAlign="Center">
<HeaderStyle Width="20px" />
<ItemStyle CssClass="MyImageButton" HorizontalAlign="Center" />
</telerik:GridButtonColumn>
</Columns>

<EditFormSettings>
<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>
</EditFormSettings>

<PagerStyle PageSizeControlType="RadComboBox"></PagerStyle>

</MasterTableView>

<ClientSettings AllowDragToGroup="true">

</ClientSettings>

<FilterMenu EnableImageSprites="False"></FilterMenu>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:BHDPortalsConnectionString %>" SelectCommand="SELECT pi.FirstName, pi.Lastname, pi.BestContactPhoneNumber, pi.PatientID, dbo.fnCountAppointments(pi.PatientID) as AppointmentCount, pi.CoachId, aspnet_Users.FirstName + ' ' + aspnet_Users.LastName as [coachname], aspnet_Users.CurrentProviderBHDUserID, aspnet_Users.BHDUserID
FROM aspnet_Users INNER JOIN
tblPatientInfo AS pi ON aspnet_Users.CoachID = pi.CoachId
WHERE pi.CoachId = @coachid"
runat="server">
<SelectParameters>
<asp:ControlParameter ControlID="hdcoachid" Name="coachid" PropertyName="Value" />
</SelectParameters>
</asp:SqlDataSource>
<asp:SqlDataSource ID="CoachUsers" runat="server" ConnectionString='<%$ ConnectionStrings:BHDPortalsConnectionString %>' SelectCommand="Select distinct coachid, FirstName + ' ' + LastName as [Name] from [aspnet_Users] (nolock)"></asp:SqlDataSource>
</div>

This is the code for the Javascript call that doesn't see the AppointmentsGrid.

This works fine and sees the RadGrid1
var grid = $find("<%=RadGrid1.ClientID %>").get_masterTableView().NestedTable().get_dataItems()[index];

This code won't work. Can't see the Appointments Grid.
var grid = $find("<%=AppointmentsGrid.ClientID %>").get_masterTableView().NestedTable().get_dataItems()[index];

Thanks,

Kevin

General Discussions

answered on 08 Apr 2013

2 answers

172 views

RadGrid AutoGenerated columns issue with HorizontalAlign property

I have a hierarchy RadGrid implementation which uses the AutoGenerateColumns pattern. In the RadGrid1_ColumnCreated event I'm setting the properties to align specific columns based on a list of column names which require right alignment.

 if (e.Column is GridBoundColumn)

            {

                GridBoundColumn boundColumn = e.Column as GridBoundColumn;



		if (RightAlignColumnList.Contains(e.Column.UniqueName))

                {	

			boundColumn.HeaderStyle.HorizontalAlign = HorizontalAlign.Right;

boundColumn.ItemStyle.HorizontalAlign = HorizontalAlign.Right;

boundColumn.DataFormatString = "{0:N0}";

boundColumn.HeaderStyle.Wrap = true;

boundColumn.ItemStyle.Wrap = true

;

		}

		else

		{

			boundColumn.HeaderStyle.HorizontalAlign = HorizontalAlign.Left;
			boundColumn.ItemStyle.HorizontalAlign = HorizontalAlign.Left;

		}


}

The issue is when the grid is rendered the right aligned columns are overflowing the column width - see the MV Base column and the text only displays correctly when I click on the row. Attached is a screenshot of the issue showing 2 rows in the Details section. This behaviour is in IE8 - our company standard browser.

Grid

answered on 08 Apr 2013

1 answer

68 views

heading for expand-collapse column

Hi
How can I give heading for an expand-collapse column??

thanks in advance
Allen

Grid

answered on 08 Apr 2013

9 answers

143 views

[Solved] How to Access multiple selected rows on server

Hi All

I have a gridTemplateColumn with a Checkbox, I'm having problems accessing the selected rows (multiple)

How would I do this in my senareo without a GridClientSelectColumn

Andy

Grid

answered on 08 Apr 2013