Questions on UI for ASP.NET AJAX Forum

110,722 questions

3 answers

316 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

139 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

235 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

93 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

62 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

247 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

107 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

1 answer

83 views

picking time only results in date changing to today's date?

We're currently using an ASCX page as the edit template for a grid. We have some dates and times in the grid, but in this particular grid we want to allow the user to change the time but not change the date when editing an existing item. We use a label to display the date, and a RadTimePicker to display the time.

The problem is, whenever the user edits the time, the date is changing to today's date rather than maintaining the original date and only changing the time. Below is the definition of the control. Is our definition of the control missing something that would cause it to keep the date stored? Do RadTimePickers not store the date at all and I need to find some way of concatenating the results?

Below is the definition for one of these label-radtimepicker pairs.

<asp:Label id="txtDateIn" runat="server" Text='<%# DataBinder.Eval( Container, "DataItem.DateIn","{0:MM/dd/yy}") %>' Width="48px" />

<telerik:RadTimePicker ID="RadDateTimePicker3" EnableEmbeddedSkins="false" Skin="UCP_Vista" Width="85px" DbSelectedDate='<%# DataBinder.Eval( Container, "DataItem.DateIn")%>' runat="server">

<TimeView ID="TimeView1" runat="server" Interval="00:15:00" Columns="6" EnableEmbeddedSkins="false" Skin="UCP_Vista" ShowHeader="false" />

<DateInput ID="DateInput1" runat="server" Font-Size="11px" Font-Bold="true" ForeColor="#396F96" CssClass="itemt" />

</telerik:RadTimePicker>

I didn't see a forum for the date/time pickers, so if I missed one this belongs in, please feel free to move it to the correct forum.

Documentation and Tutorials

answered on 17 Oct 2011

4 answers

95 views

How Do I Synchronize All Calendar Displays

Hello,

I have my RadScheduler configured to display our business week – Monday thru Sunday – but all the other popup date pickers display the standard Sunday thru Saturday display.

How do I get these date pickers to synchronize with the FirstDayOfWeek="Monday" LastDayOfWeek="Sunday" I set on the RadScheduler?

IE: New Appointment Date Pickers, Today Date Picker, etc.

Regards,

Dean

Scheduler

answered on 17 Oct 2011

1 answer

133 views

The Rad Menu control Overlap other controls

I have the problem that when the Rad Menu is in the aspx page after other controls like dropdown control or Listbox, the Rad menu overlap the items in the other controls and some ones cannot be selected. Please see the attachment . How can I avoid this problem??

Thx
HANK

General Discussions

answered on 17 Oct 2011

Top users last month