Questions on UI for ASP.NET AJAX Forum

110,776 questions

2 answers

334 views

radcombobox in radgrid ItemsRequested not firing

I followed the example in "RadComboBox in RadGrid", the ItemsRequested event is not firing. attached the code. Please help me, is there any mistake in the code.
Thanks,

<telerik:RadGrid ID="RadGrid2" GridLines="None" AutoGenerateColumns="false" PageSize="7" AllowPaging="true" AllowSorting="true"

runat="server" OnItemDataBound="OnItemDataBoundHandler" DataSourceID="ProductsDataSource" AllowAutomaticUpdates="true"

AllowAutomaticInserts="True" ShowStatusBar="true" Skin="Office2010Blue">

<MasterTableView ShowFooter="false" DataKeyNames="inventoryid" EditMode="InPlace" CommandItemDisplay="TopAndBottom">

<Columns>

<telerik:GridTemplateColumn UniqueName="conditioncode"

HeaderText="<%$ Resources:locStrings, GV_COL_PO_ConditionCode %>" SortExpression="conditioncode" ItemStyle-Width="150px">

<FooterTemplate> Template footer</FooterTemplate>

<FooterStyle VerticalAlign="Middle" HorizontalAlign="Center" />

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "conditioncode")%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox runat="server" ID="RadComboBox1" EnableLoadOnDemand="True" DataTextField="code" DataValueField="conditionid"

AutoPostBack="true" HighlightTemplatedItems="true" Height="140px" Width="150px" DropDownWidth="200px"

OnItemsRequested="RadComboBox1_ItemsRequested"

OnSelectedIndexChanged="OnSelectedIndexChangedHandler" >

<HeaderTemplate>

<ul>

<li class="col1">Code</li>

<li class="col2">Condition</li>

</ul>

</HeaderTemplate>

<ItemTemplate>

<ul>

<li class="col1">

<%# DataBinder.Eval(Container,"Text")%>

</li>

<li class="col2">

<%# DataBinder.Eval(Container,"Attributes['code']")%></li>

</ul>

</ItemTemplate>

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn FooterText="EditCommand footer" UniqueName="EditCommandColumn" HeaderText="Edit" UpdateText="Update"

HeaderStyle-Width="100px">

</telerik:GridEditCommandColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource ID="ProductsDataSource" runat="server" ConnectionString="Data Source=VSSCLOUDAPP1;Initial Catalog=iqrtest_20113108;User ID=sa; Password=admin!23"

SelectCommand="SELECT ptid, inventoryid, unitcost, conditioncode, status, receivestatus, mfgr

FROM inventory WHERE ptid=501">

</asp:SqlDataSource>

C#:

protected void OnItemDataBoundHandler(object sender, GridItemEventArgs e)

{

if (e.Item.IsInEditMode)

{

GridEditableItem item = (GridEditableItem)e.Item;

if (!(e.Item is IGridInsertItem))

{

RadComboBox combo = (RadComboBox)item.FindControl("RadComboBox1");

RadComboBoxItem selectedItem = new RadComboBoxItem();

selectedItem.Value = ((DataRowView)e.Item.DataItem)["conditionid"].ToString();

selectedItem.Text = ((DataRowView)e.Item.DataItem)["code"].ToString();

selectedItem.Attributes.Add("condition", ((DataRowView)e.Item.DataItem)["condition"].ToString());

combo.Items.Add(selectedItem);

selectedItem.DataBind();

Session["conditionid"] = selectedItem.Value;

}

protected void RadComboBox1_ItemsRequested(object sender, RadComboBoxItemsRequestedEventArgs e)

{

DataTable dt = new DataTable();

dt = IQR.Generic.cGeneric.GetData(cStoredProcedureConstants.SP_POItem_GetConditionCodes, true);

RadComboBox rcbConditionCode = (RadComboBox)sender;    // Clear the default Item that has been re-created from ViewState at this point.    comboBox.Items.Clear();

foreach (DataRow row in dt.Rows)

{

RadComboBoxItem item = new RadComboBoxItem();

item.Value = row["conditionid"].ToString();

item.Text = row["code"].ToString();

item.Attributes.Add("condition", row["condition"].ToString());

rcbConditionCode.Items.Add(item);

item.DataBind();

}

protected void OnSelectedIndexChangedHandler(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

Session["conditionid"] = e.Value;

}

Muthu

Grid

answered on 17 Oct 2011

3 answers

150 views

filter not works when i use words "AND", "OR" in filter expression

Hello.
I`m using RadGrid with SqlDataSource. Filter in RadGrid work fine except using such words as "AND", "OR" in filter expression (for example "mike and smith"). In this situation filter is reseting and grid not filtered.
I didn`t find any post with this question.
Any ideas?

Grid

answered on 17 Oct 2011

5 answers

151 views

RadDatePicker: Open popup on pressing F4

Hello,

is it possible top open the calender on pressing function key F4 when cursor is in DateInput field of the RadDatePicker control?
I've tried to catch the key pres with ClientEvent OnKeyPress but this doesn't catch pressig F4.

Can someone help me?

Regards,
Jos Meerkerk

Calendar

answered on 17 Oct 2011

3 answers

336 views

Editing/Inserting a databound RadGrid checkbox item reverts to value stored in database

This seems like pretty common functionality, so I'm hoping that there is a simple answer, but I've tried a hundred different ways. Basically, I have a RadGrid that contains an editable checkbox field. This field is populated based on a boolean database field (using information gained from this link, I was able to get this to display properly). This field is editable, and when in edit mode, I am able to check the box. However, when I click "Update", the ItemDataBound event fires again and resets the checkbox item to the value in the database. I have tried to combine this with the method I found here to determine if the Item is InEditMode and skip the "set the checkbox value" part of the code, but this process hits the "else" part of the script first (resetting the value to the database value). I'd certainly appreciate any guidance!

Here is my aspx code:

<telerik:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1" AllowSorting="True"

AllowAutomaticDeletes="true" AllowPaging="True" PageSize="20" runat="server"

GridLines="None" Width="95%" AllowAutomaticUpdates="true" OnItemDataBound="RadGrid1_ItemDataBound"

AllowMultiRowEdit="true" OnItemUpdate="RadGrid1_ItemUpdated" OnItemDeleted="RadGrid1_ItemDeleted"

OnItemInserted="RadGrid1_ItemInserted">

<MasterTableView Width="100%" CommandItemDisplay="Top" HorizontalAlign="NotSet" AutoGenerateColumns="false">

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">

<ItemStyle CssClass="MyImageButton" />

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ConfirmText="Remove this subscription?" ConfirmDialogType="RadWindow"

ConfirmTitle="Unsubscribe" ButtonType="ImageButton" CommandName="Delete" Text="Unsubscribe"

UniqueName="DeleteColumn">

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridButtonColumn>

<telerik:GridCheckBoxColumn HeaderText="Subscribed" UniqueName="Subscribed" />

<telerik:GridDropDownColumn DataField="SubscriptionId" DataSourceID="SqlDataSource1"

HeaderText="Subscription" ListTextField="SubscriptionName" ListValueField="SubscriptionId"

UniqueName="SubscriptionId" ColumnEditorID="GridDropDownColumnEditor1" ReadOnly="true">

</telerik:GridDropDownColumn>

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

UniqueName="SubscriptionDescription" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TargetAudience" HeaderText="TargetAudience" UniqueName="TargetAudience"

ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DateAdded" HeaderText="DateAdded" UniqueName="DateAdded"

ColumnEditorID="GridTextBoxColumnEditor1" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DateRemoved" HeaderText="DateRemoved" UniqueName="DateRemoved"

ColumnEditorID="GridTextBoxColumnEditor1" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Feedback" HeaderText="Feedback" UniqueName="Feedback"

ColumnEditorID="GridTextBoxColumnEditor1">

</telerik:GridBoundColumn>

</Columns>

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

</MasterTableView>

</telerik:RadGrid>

and here is the ItemDataBound segment of my code behind page where I attempted to combine the two methods above:

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item is GridEditFormItem && e.Item.IsInEditMode)

{

if (e.Item.OwnerTableView.IsItemInserted)

{

//item is about to be inserted

}

else

{

//item is about to be updated

}

else

{

          
//need to find a way to skip this if we are in Edit mode, as this resets any saved data to the db values

if (e.Item is GridDataItem)

{

GridDataItem item = (GridDataItem)e.Item;

DataRowView row = (DataRowView)item.DataItem;

CheckBox chk = (CheckBox)item["Subscribed"].Controls[0];

string value = row["Subscribed"].ToString();

if (value == "Yes" || (value == "1"))

chk.Checked = true;

else

chk.Checked = false;

}

Grid

answered on 17 Oct 2011

1 answer

152 views

Disabling ajax for two different imagebutton controls in a GridTemplateColumn in order to do a regular post back.

In an ajaxified RadGrid, I want two buttons to cause a post back (bypass Ajax) and execute some back-end code. Here's what I have so far...

Buttons (just showing one for simplicity):

<telerik:GridTemplateColumn HeaderText="Actions">

<ItemTemplate>

<asp:ImageButton ID="btnEdit" runat="server" OnClientClick="realPostBack();" ImageUrl="~/images/icon_edit.png" style="display: inline-block" ToolTip="Edit" CommandName="fbEdit" />

</ItemTemplate>

</telerik:GridTemplateColumn>

Javascript function I'm using to disable the postback:

<script type="text/javascript">

function realPostBack(eventTarget, eventArgument) {

$find("<%= RadAjaxPanel1.ClientID %>").__doPostBack(eventTarget, eventArgument);

}

</script>

Code-behind I want to execute:

protected void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.CommandName == "fbEdit")

{

//grab variables from row's cells

string userID = e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["UserID"];

string userName= e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["UserName"];

string userEmail = e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["UserEmail"];

//DO SOME PROCESSING STUFF

}

if(e.CommandName == "fbDelete")

{

//delete record

}

So the post back does indeed occur, but my code never fires. I'm guessing it's because the event is tied to the grid and not to buttons im "un-ajaxifying", but I went this way because I NEED to capture the values of some of the cells in the row that the button was clicked.

Maybe I can rework this to use the buttons onClick Event, but I would still need to capture those values.

Can anyone help?

Grid

answered on 17 Oct 2011

1 answer

259 views

ListBox Get DataValueField

I have two listboxes on a form. One is populated using a SQLDataSource and the other is populated using a StoredProc.

<telerik:RadListBox ID="rlb_ADGroups" runat="server" CheckBoxes="True"

DataKeyField="GroupName" DataSourceID="sds_ADGroups" DataTextField="GroupName"

DataValueField="GroupName" Height="200px" Width="400px">

</telerik:RadListBox>

<asp:SqlDataSource ID="sds_ADGroups" runat="server"

ConnectionString="<%$ ConnectionStrings:IT_CentralConnectionString %>"

SelectCommand="SELECT [GroupName], [ADsPath] FROM [vw_AD_ADSI_Groups] ORDER BY [GroupName]">

</asp:SqlDataSource>

<telerik:RadListBox ID="rlb_MemberGroups" runat="server" CheckBoxes="True"

DataKeyField="groupName" DataTextField="groupName"

DataValueField="groupName" Height="200px" Width="400px">

</telerik:RadListBox>

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

rlb_MemberGroups.DataSource = GetGroups()

rlb_MemberGroups.DataBind()

End Sub

Private Function GetGroups() As DataTable

'Dim UserName As String = Request.QueryString("UserName")

Dim UserName As String = "abrowning"

Dim connectionString As String = DirectCast(ConfigurationManager.ConnectionStrings("IT_CentralConnectionString").ConnectionString, String)

Dim connection As New SqlConnection(connectionString)

Dim command As New SqlCommand(connectionString, connection)

command = New SqlCommand("procGetGroupUsers", connection)

command.CommandType = CommandType.StoredProcedure

command.Parameters.Add("@UserName", SqlDbType.VarChar).Value = UserName

command.Connection.Open()

Dim myDataAdapter As New SqlDataAdapter(command)

Dim myDataSet As New DataSet

Dim dtData As New DataTable

myDataAdapter.Fill(myDataSet)

Return myDataSet.Tables(0)

command.Connection.Close()

End Function

I want to be able to add and remove a user to and from AD groups. When I add a user to groups and obtain the data from the List Box populated from the SQLDataSource, the user is added to the groups. I also know the values are pulling from the listbox because I place the values in a label so I can see them. (For testing). Here is the code for adding the user to the groups:

Protected Sub btn_AddToGroup_Click(sender As Object, e As System.EventArgs) Handles btn_AddToGroup.Click

Dim UserName As String = "abrowning"

For Each item As RadListBoxItem In rlb_ADGroups.CheckedItems

Dim ADGroup As String = item.Value.ToString()

Label1.Text = ADGroup

Using context = New PrincipalContext(ContextType.Domain, "tustin_nt")

Dim group As GroupPrincipal = GroupPrincipal.FindByIdentity(context, ADGroup)

If group IsNot Nothing Then

Using user = UserPrincipal.FindByIdentity(context, IdentityType.Name, UserName)

If UserName IsNot Nothing Then

group.Members.Add(context, IdentityType.UserPrincipalName, UserName + "@tusd.local")

group.Save()

End If

End Using

End If

End Using

Next

End Sub

However, when I attempt the same process to remove a user, I am unable to obtain the values from the List Box that was populated using the StoredProc. I can tell no values are being obtained becasue the Label I attempt to populate stays empty. Here is my code to remove the user from groups:

Protected Sub btn_RemoveFromGroup_Click(sender As Object, e As System.EventArgs) Handles btn_RemoveFromGroup.Click

Dim username As String = "abrowning"

For Each item As RadListBoxItem In rlb_MemberGroups.CheckedItems

Dim ADGroup As String = item.Value.ToString()

Label2.Text = ADGroup

Using context = New PrincipalContext(ContextType.Domain, "TUSTIN_NT")

Dim group As GroupPrincipal = GroupPrincipal.FindByIdentity(context, ADGroup)

If group IsNot Nothing Then

Using user = UserPrincipal.FindByIdentity(context, IdentityType.Name, username)

If username IsNot Nothing Then

group.Members.Remove(context, IdentityType.UserPrincipalName, username + "@tusd.local")

group.Save()

End If

End Using

End If

End Using

Next

End Sub

I have set the DataKeyField, DataTextField, and the DataValueField in the rlb_MemberGroups List Box.

Can someone please help explain why I am unable to retrieve the Checked value from one List Box but not the other?

Thank you in advance.

ListBox

answered on 17 Oct 2011

0 answers

110 views

Datasource for each cell

Hi I'm working with telerik rad controls for asp.net ajax Q2 2010 and this is my scenario.

I have a radgrid that has 5 columns that show the count of requests that are registered,authorized,rejected,cancelated and the total count of the 4 status.
What I need to do is for the first row, get the count of requests registered authorized,rejected,and cancelated the current day.
for the second row get the same count but for the current month.
and the third row the count but per year.
I'm using linq and entity framework in my app.
how can i do this?

Grid

asked on 17 Oct 2011

1 answer

69 views

Combobox in AutoGeneratedColumn

Hello,

In the datasouce I'm using, there is a boolean field I'm showing in an autogenerated column. The problem is, though, that in the database this is a nullable field, so the CheckboxColumn the Grid automatically generates isn't really useful. Is there anyway to have the boolean show in a combobox (which becomes interactive when activating in-line editing), rather than a checkbox, with values for null, true and false?

Any help or directions would be appreciated.

Sincerely,
Glenn

Grid

answered on 17 Oct 2011

2 answers

265 views

How To Constrain Row Size of RadListView and RadDataPager

I have successfully built a page with a RadListView and RadDataPager. I have set the PageSize on the RadDataPager to 6 and that works fine: there are six items displayed. However the RadListView displays 4 items per row and I would like to constrain it to displaying 3 items per row.
I have tried using width as a constraint on the RadListView and the containing DIV by setting Width and Max-Width in CSS so that only 3 items fit but to no avail.

So how does one limit the number of items displayed in the RadListView to a specific number?

Thanks.

DataPager

answered on 17 Oct 2011

2 answers

120 views

RadDock seems to have a float Issue

Hi,

I have a RadMultipage containing several RadPageViews. Each PageView contains a RadDockLayout. Each RadDockLayout contains a RadSplitter. Each RadSplitter contains three RadPanes each of which contains a RadDockZone. The RadSplitter displays the panes horizontally

When the page initially displays the first PageView is selected (SelectedIndex = 0). However, each of the RadDockZones have no content, as expected. I dynamically add a RadDock to the first DockZone. That DockZone and its content are displayed lower than the other two dockzones (erroneously). I want the three dockzones to display horizontally with alignment at the top of the RadSplitter.

I have tried everything I can think of.

Below is the content of the content page (I am using a master page).

<asp:UpdatePanel ID="UpdatePanel1" runat="server" >

<ContentTemplate>

<div id="PortalContainer">

<div class="TabStripContainer">

<telerik:RadTabStrip ID="MyJailTabStrip" runat="server"

MultiPageID="RadMultiPage1"

CausesValidation="false"

CssClass="MyJailTabStrip"

ontabclick="MyJailTabStrip_TabClick" >

<Tabs>

<telerik:RadTab Text="Jail" Selected="true"></telerik:RadTab>

<telerik:RadTab Text="Warrants"></telerik:RadTab>

<telerik:RadTab Text="Civil Papers"></telerik:RadTab>

<telerik:RadTab Text="Dispatch"></telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<div class="clearer"></div>

</div>

<div id="PortalContent" class="RoundedCorners">

<div>

<asp:Timer ID="Timer1" runat="server" >

</asp:Timer>

</div>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server"

SelectedIndex="0"

Width="1188"

style="background-color: Black;" >

<telerik:RadPageView ID="JailPageView" runat="server"

Selected="true"

Width="1188"

style="background-color: Aqua;">

<telerik:RadDockLayout ID="JailDockLayout" runat="server"

onloaddocklayout="DockLayout_LoadDockLayout"

onsavedocklayout="DockLayout_SaveDockLayout">

<telerik:RadSplitter ID="RadSplitter1" runat="server"

Width="1188"

BorderSize="0"

CssClass="RadSplitter">

<telerik:RadPane ID="JailPane1" runat="server" Width="350" >

<telerik:RadDockZone ID="JailDockZone1" runat="server"

CssClass="RadDockZone1 RoundedCorners"

BorderWidth="0"

MinHeight="90%"

MinWidth="150"

Width="300">

</telerik:RadDockZone>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar1" runat="server" BorderWidth="0" Width="10" CssClass="SplitterBar">

</telerik:RadSplitBar>

<telerik:RadPane ID="JailPane2" runat="server" Width="350" >

<telerik:RadDockZone ID="JailDockZone2" runat="server"

CssClass="RadDockZone2 RoundedCorners"

BorderWidth="0"

MinHeight="90%"

MinWidth="250"

Width="300"

</telerik:RadDockZone>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar2" runat="server" BorderWidth="0" Width="10" CssClass="SplitterBar">

</telerik:RadSplitBar>

<telerik:RadPane ID="JailPane3" runat="server" Width="350" >

<telerik:RadDockZone ID="JailDockZone3" runat="server"

CssClass="RadDockZone3 RoundedCorners"

BorderWidth="0"

MinHeight="90%"

MinWidth="150"

Width="300">

</telerik:RadDockZone>

</telerik:RadPane>

</telerik:RadSplitter>

<div class="clearer"></div>

</telerik:RadDockLayout>

</telerik:RadPageView>

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

<telerik:RadDockLayout ID="WarrantsDockLayout" runat="server"

onloaddocklayout="DockLayout_LoadDockLayout"

onsavedocklayout="DockLayout_SaveDockLayout">

<telerik:RadSplitter ID="RadSplitter2" runat="server"

Width="1100"

BorderSize="0">

<telerik:RadPane ID="WarrantsPane1" runat="server">

<telerik:RadDockZone ID="WarrantsDockZone1" runat="server"

CssClass="RadDockZone1 RoundedCorners"

BorderWidth="0"

MinHeight="92%"

MinWidth="150"

Width="350">

</telerik:RadDockZone>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar3" runat="server" BorderWidth="0">

</telerik:RadSplitBar>

<telerik:RadPane ID="WarrantsPane2" runat="server">

<telerik:RadDockZone ID="WarrantsDockZone2" runat="server"

CssClass="RadDockZone2 RoundedCorners"

BorderWidth="0"

MinHeight="92%"

MinWidth="250"

Width="350">

</telerik:RadDockZone>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar4" runat="server" BorderWidth="0">

</telerik:RadSplitBar>

<telerik:RadPane ID="WarrantsPane3" runat="server" >

<telerik:RadDockZone ID="WarrantsDockZone3" runat="server"

CssClass="RadDockZone3 RoundedCorners"

BorderWidth="0"

MinHeight="92%"

MinWidth="150"

Width="350">

</telerik:RadDockZone>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadDockLayout>

</telerik:RadPageView>

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

<telerik:RadDockLayout ID="CivilPapersDockLayout" runat="server"

onloaddocklayout="DockLayout_LoadDockLayout"

onsavedocklayout="DockLayout_SaveDockLayout">

<telerik:RadSplitter ID="RadSplitter3" runat="server"

Width="1100"

BorderSize="0">

<telerik:RadPane ID="CivilPapersPane1" runat="server">

<telerik:RadDockZone ID="CivilPapersDockZone1" runat="server"

CssClass="RadDockZone1 RoundedCorners"

BorderWidth="0"

MinHeight="92%"

MinWidth="150"

Width="350">

</telerik:RadDockZone>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar5" runat="server" BorderWidth="0" >

</telerik:RadSplitBar>

<telerik:RadPane ID="CivilPapersPane2" runat="server" >

<telerik:RadDockZone ID="CivilPapersDockZone2" runat="server"

CssClass="RadDockZone2 RoundedCorners"

BorderWidth="0"

MinHeight="92%"

MinWidth="250"

Width="350"

</telerik:RadDockZone>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar6" runat="server" BorderWidth="0">

</telerik:RadSplitBar>

<telerik:RadPane ID="CivilPapersPane3" runat="server">

<telerik:RadDockZone ID="CivilPapersDockZone3" runat="server"

CssClass="RadDockZone3 RoundedCorners"

BorderWidth="0"

MinHeight="92%"

MinWidth="150"

Width="350">

</telerik:RadDockZone>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadDockLayout>

</telerik:RadPageView>

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

<telerik:RadDockLayout ID="DispatchDockLayout" runat="server"

onloaddocklayout="DockLayout_LoadDockLayout"

onsavedocklayout="DockLayout_SaveDockLayout">

<telerik:RadSplitter ID="RadSplitter4" runat="server"

Width="1100"

BorderSize="0">

<telerik:RadPane ID="DispatchPane1" runat="server">

<telerik:RadDockZone ID="DispatchDockZone1" runat="server"

CssClass="RadDockZone1 RoundedCorners"

BorderWidth="0"

MinHeight="92%"

MinWidth="150"

Width="350">

</telerik:RadDockZone>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar7" runat="server" >

</telerik:RadSplitBar>

<telerik:RadPane ID="DispatchPane2" runat="server" >

<telerik:RadDockZone ID="DispatchDockZone2" runat="server"

CssClass="RadDockZone2 RoundedCorners"

BorderWidth="0"

MinHeight="92%"

MinWidth="250"

Width="350">

</telerik:RadDockZone>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar8" runat="server">

</telerik:RadSplitBar>

<telerik:RadPane ID="DispatchPane3" runat="server" >

<telerik:RadDockZone ID="DispatchDockZone3" runat="server"

CssClass="RadDockZone3 RoundedCorners"

BorderWidth="0"

MinHeight="92%"

MinWidth="150"

Width="350">

</telerik:RadDockZone>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadDockLayout>

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

<div class="clearer"></div>

</ContentTemplate>

<Triggers>

<asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />

</Triggers>

</asp:UpdatePanel>

Here is the applicable CSS.

.TabStripContainer

{

width: 75%;

margin-left: auto;

margin-right: auto;

margin-top: 1em;

background-color: #E6EFF7;

}

.MyJailTabStrip

{

float: left;

/* background-color: #E6EFF7;*/

}

.DashBoardTab

{

float: left;

}

.rtsSelected,

.rtsSelected span

{

background: url('../Images/Backgrounds/BodyBackgroundGradient.png') repeat-x !important;

/* background:url(../Images/btnUpdate.jpg) no-repeat 0 100% !important; */

background-color: #628DB5 !important;

text-align: center;

color: #FFFFFF !important;

}

.NewTab,

.NewTabContainer

{

float: left;

margin-left: 1em;

}

.NewTab

{

/* padding-top: .5em;

font-size: .8em;*/

}

.NewTabLink

{

float: left;

}

#PortalContainer

{

margin-top: 0;

width: 1200px;

background-color: Red;

}

#PortalContent

{

width: 1188px;

padding: 5px;

background-color: White;

margin-left: auto;

margin-right: auto;

}

.MyJailCommandContainer

{

padding-bottom: .4em;

width: 20em;

}

.PortalContentWindowContainer

{

background-image: url('../Images/Backgrounds/PortalWindowGradient.png');

background-repeat: repeat-x;

color: White ;

overflow: hidden;

border-bottom-color: Black;

border-bottom-style: solid;

border-bottom-width: .2em;

}

.PortalOptionsWindowContent,

.PortalContentWindowContent

{

padding-bottom: .4em;

}

.PortalButton

{

border-style: solid;

border-width: 1px;

border-color: #819AD3;

background-image: url('../Images/Backgrounds/Web20BlueButton.png');

background-repeat: repeat-x;

padding-left: 1.5em;

padding-right: 1.5em;

padding-top: .3em;

padding-bottom: .3em;

border-top-left-radius: .3em .3em;

border-top-right-radius: .3em .3em;

border-bottom-left-radius: .3em .3em;

border-bottom-right-radius: .3em .3em;

margin-top: 1em;

}

.PortalImDoneButton

{

border-style: solid;

border-width: 1px;

border-color: #FFC027;

background-image: url('../Images/Backgrounds/PortalButtonGradient.png');

background-repeat: repeat-x;

padding-left: 1.5em;

padding-right: 1.5em;

padding-top: .3em;

padding-bottom: .3em;

border-top-left-radius: .3em .3em;

border-top-right-radius: .3em .3em;

border-bottom-left-radius: .3em .3em;

border-bottom-right-radius: .3em .3em;

}

.rwWindowContent

{

background-image: url('../Images/Backgrounds/BodyBackgroundGradient.png');

background-repeat: repeat-x;

color: White !important;

background-color: #628DB5 !important;

}

.PortalWindowContent

{

width: 47em;

margin-left: 25em;

text-align: left;

}

/*-------------------------------------------------------------------------------*/

/* Content Adder                                                                 */

/*-------------------------------------------------------------------------------*/

.ContentAdderContainer

{

margin-left: auto;

margin-right: auto;

text-align: left;

}

.ContentAdderContent

{

padding-left: .5em;

margin-left: 1.5em;

}

.ContentAdderListView

{

width: 47em;

max-width: 47em;

}

#ContentAdderDataPagerPanel

{

width: 47em;

}

.ContentAdderDataPager

{

width: 17em;

margin-top: .8em;

float: right;

}

.ImDoneButtonContainer

{

float: left;

vertical-align: top;

margin-right: 2em;

margin-top: .8em;

text-align: left;

}

.ContentAdderButtonContainer

{

float: left;

width: 15em;

}

.ContentAdderButtonContent

{

float: left;

width: 72px;

height: 55px;

margin-left: auto;

margin-right: auto;

margin-bottom: 1.5em;

background-image: url('../Images/Backgrounds/ContentAdderButtonBackground.png');

background-repeat: repeat-x;

border-top-left-radius: .2em .2em;

border-top-right-radius: .2em .2em;

border-bottom-left-radius: .2em .2em;

border-bottom-right-radius: .2em .2em;

border-color: #D2D2D2;

border-style: solid;

border-width: 1px;

}

.ContentAdderButton

{

float: left;

font-size: .8em;

width: 70px;

height: 16px;

text-align: center;

margin-top: .1em;

padding-bottom: 10px;

}

.ContentAdderButtonVendorImage

{

float: left;

width: 70px;

height: 16px;

text-align: center;

}

.ContentAdderDescription

{

float: left;

margin-left: .5em;

width: 9em;

text-align: left;

font-size: .9em;

}

.OptionsContainer

{

float: left;

}

.OptionsListContainer

{

float: left;

margin-right: 2em;

}

.AutoRefreshOptionsContainer

{

float: left;

}

.RefreshOptionList

{

text-align: left;

width: 10em;

color: White;

}

.OptionInstructions

{

margin-top: 1em;

width: 25em;

color: #cccccc;

}

.RefreshOption .rbText

{

color: White;

}

.RadSplitter

{

margin-left: auto;

margin-right: auto;

width: 1188px;

vertical-align: top;

background-color: Purple;

}

/*--------------------------------------------------------------------------------------------*/

/* RadDock Control                                                                            */

/*  font: normal normal 12px "Segoe UI", Arial, Sans-serif;                                   */

/*--------------------------------------------------------------------------------------------*/

.RadDock

{

color: #FFFFFF;

border: 0px solid #5E78A9;

border-top: none;

border-bottom: none;

margin-bottom: 1em;

/* background-color: #A7CAA3 !important;*/

}

.RadDock .rdTitleBar em

{

padding-left: .5em !important;

font: 14px/16px "Segoe UI", Arial, Sans-serif !important;

}

.rdContent

{

color: #FFFFFF !important;

margin-bottom: 0 !important;

padding-bottom: 0 !important;

overflow: hidden !important;

/* background-color: #A7CAA3 !important; */

margin-left: auto !important;

margin-right: auto !important;

}

.rdTop

{

background: url('../Images/Backgrounds/BoxHeaderBackground35.png') repeat-x;

margin-bottom: 0;

padding-bottom: 0;

}

.rdBottom .rdCenter, .rdRight, .rdLeft

{

display: none !important;

margin-bottom: 0 !important;

padding-bottom: 0 !important;

}

.rspResizeBar,

.rspSlideContainerResize

{

background: transparent repeat-y 0 0 !important;

border-right-color: transparent !important;

border-left-color: transparent !important;

}

.RadDockZone1

.RadDockZone2,

.RadDockZone3

{

vertical-align: top;

float: left; /* ACN We might want RadDockZone3 to float right */

}

.RadDockZone1

{

background-color: Green;

}

.RadDockZone2

{

background-color: Teal;

}

.RadDockZone3

{

background-color: Green;

}

.JailPane1,

.JailPane2,

.JailPane3

{

float: left;

vertical-align: top;

}

.SplitterBar

{

float: left;

}

Any help would engender great appreciation.

Dock

answered on 17 Oct 2011

Top users last month