hello,
i have 3 RadPane, when the button btnFilterVisible on the first RadPane is pressed the second RadPane filterPane is collapsed and this should give more space the the third RadPane resultsPane. The height of resultsPane is 100%
how can i change the size dynamically when we press the button (to show or hide the second RadPane)?
when i set the resultsPane height in filterPane_Collapsed there was no affect on the resultsPane size.
<telerik:RadSplitter ID="splitterContent" runat="server" Width="100%" Height="100%" Orientation="Horizontal"> <telerik:RadPane ID="searchPane" runat="server" Width="100%" Height="80px"> <asp:Button ID="btnFilterVisible" runat="server" Text="Hide Filter" OnClientClick="btnFilterVisible_clicked()" /> </telerik:RadPane> <telerik:RadPane ID="filterPane" runat="server" Width="100%" Height="200px" OnClientExpanded="filterPane_Expanded" OnClientCollapsed="filterPane_Collapsed"> </telerik:RadPane> <telerik:RadPane ID="resultsPane" runat="server" Width="100%" Height="100%" Scrolling="Both" > </telerik:RadPane> </telerik:RadSplitter> <script type="text/javascript"> function btnFilterVisible_clicked() { var splitter = $find("<%= splitterContent.ClientID %>"); var filterPane = splitter.getPaneById("<%= filterPane.ClientID %>"); var resultsPane = splitter.getPaneById("<%= resultsPane.ClientID %>"); var filterText = $("#<%=btnFilterVisible.ClientID%>").val(); if (filterText == "Hide Filter") { filterPane.collapse(); $("#<%=btnFilterVisible.ClientID%>").val("Show Filter"); } else { filterPane.expand(); $("#<%=btnFilterVisible.ClientID%>").val("Hide Filter"); } } function filterPane_Collapsed() { //resize resultsPane } function filterPane_Expanded() { //resize resultsPane }</script>
| <telerik:RadGrid ID="NewsList" AutoGenerateColumns="false" |
| runat="server" AllowFilteringByColumn="True" |
| AllowPaging="True" AllowSorting="True" |
| GridLines="None" Skin="Office2007" |
| OnNeedDataSource="NewsList_NeedDataSource" |
| OnUpdateCommand="NewsList_UpdateCommand" |
| PageSize="20" |
| OnItemDataBound="NewsList_ItemDataBound" |
| OnInsertCommand="NewsList_InsertCommand"> |
| <PagerStyle Mode="NextPrevAndNumeric" /> |
| <GroupingSettings CaseSensitive="False" /> |
| <ClientSettings> |
| <Selecting AllowRowSelect="True" /> |
| </ClientSettings> |
| <MasterTableView TableLayout="Auto" EditMode="EditForms" CommandItemDisplay="Top" InsertItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnCurrentPage"> |
| <EditFormSettings EditFormType="WebUserControl" UserControlName="~/UserControls/News/NewsManagementEditControl.ascx"> |
| </EditFormSettings> |
| <Columns> |
| <telerik:GridBoundColumn AutoPostBackOnFilter="True" DataField="NewsId" |
| DataType="System.Int32" DefaultInsertValue="" HeaderText="News ID" |
| ShowFilterIcon="False" SortExpression="NewsId" UniqueName="NewsId" Visible="false"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="Title" DataField="Title" |
| UniqueName="Title" SortExpression="Title" |
| HeaderStyle-Width="450px" FilterControlWidth="450px" |
| AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" |
| ShowFilterIcon="false"> |
| <HeaderStyle Width="450px" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="Date Created" DataField="DateCreated" |
| UniqueName="DateCreated" SortExpression="DateCreated" HeaderStyle-Width="50px" |
| FilterControlWidth="50px" AutoPostBackOnFilter="true" |
| CurrentFilterFunction="Contains" ShowFilterIcon="false"> |
| <HeaderStyle Width="50px" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="Associated Apps" DataField="AssociatedApps" |
| UniqueName="AssociatedApps" HeaderStyle-Width="180px" ShowFilterIcon="false"> |
| <HeaderStyle Width="180px" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridEditCommandColumn UpdateText="Update" CancelText="Cancel" UniqueName="Edit" ButtonType="LinkButton"> |
| </telerik:GridEditCommandColumn> |
| <telerik:GridButtonColumn CommandName="DeleteNews" |
| Text="Delete" UniqueName="column2"> |
| </telerik:GridButtonColumn> |
| </Columns> |
| </MasterTableView> |
| </telerik:RadGrid> |
| protected void NewsList_InsertCommand(object sender, GridCommandEventArgs e) |
| { |
| UserControl userControl = (UserControl)e.Item.FindControl(GridEditFormItem.EditFormUserControlID); |
| var newTitleControl = (RadTextBox)userControl.FindControl("txtTitle"); |
| var newDescriptionControl = (RadTextBox)userControl.FindControl("txtDescription"); |
| var newContentControl = (RadEditor)userControl.FindControl("txtNewsContent"); |
| if(String.IsNullOrEmpty(newTitleControl.Text) && String.IsNullOrEmpty(newDescriptionControl.Text) && String.IsNullOrEmpty(newContentControl.Text)) |
| { |
| return; |
| } |
| ONews newNewsItem = Engine.News(Globals.User.UserId).CreateNews(newTitleControl.Text, newDescriptionControl.Text, |
| newContentControl.Text, Globals.User.UserId); |
| var applicationListRepeater = (Repeater) userControl.FindControl("rptApplicationList"); |
| foreach (RepeaterItem app in applicationListRepeater.Items) |
| { |
| var checkbox = (CheckBox) app.FindControl("application"); |
| var applicationId = int.Parse(checkbox.Attributes["applicationId"]); |
| if (checkbox.Checked) |
| { |
| Engine.News(Globals.User.UserId).CreateApplicationNews(newNewsItem.NewsId, applicationId); |
| } |
| } |
| <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="NewsManagementEditControl.ascx.cs" Inherits="InternalAdmin.UserControls.News.NewsManagementEditControl" %> |
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
| <asp:UpdatePanel ID="EditNewsSection" runat="server"> |
| <ContentTemplate> |
| <table width="100%"> |
| <tr> |
| <td valign="top"> |
| <div class="Block"> |
| <div class="Block-tl"> |
| </div> |
| <div class="Block-tr"> |
| </div> |
| <div class="Block-bl"> |
| </div> |
| <div class="Block-br"> |
| </div> |
| <div class="Block-tc"> |
| </div> |
| <div class="Block-bc"> |
| </div> |
| <div class="Block-cl"> |
| </div> |
| <div class="Block-cr"> |
| </div> |
| <div class="Block-cc"> |
| </div> |
| <div class="Block-body"> |
| <div class="BlockHeader"> |
| <div class="t"> |
| News Item Details</div> |
| </div> |
| <div class="BlockContent"> |
| <div class="BlockContent-body"> |
| <table> |
| <tr> |
| <tr> |
| <td> |
| <asp:Label ID="lblNewsId" runat="server" Text=""></asp:Label> |
| </td> |
| </tr> |
| <td> |
| <strong>Title</strong> |
| </td> |
| <td rowspan="6" valign="top"> |
| <table> |
| <tr> |
| <td> |
| <strong> |
| Associated Applications |
| </strong> |
| </td> |
| </tr> |
| <asp:Repeater ID="rptApplicationList" runat="server" OnItemDataBound="rptApplicationList_ItemDataBound"> |
| <ItemTemplate> |
| <tr> |
| <td> |
| <asp:CheckBox ID="application" Text="" runat="server"/> |
| </td> |
| </tr> |
| </ItemTemplate> |
| </asp:Repeater> |
| </table> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <telerik:RadTextBox ID="txtTitle" MaxLength="200" runat="server"> |
| </telerik:RadTextBox> |
| <br /> |
| <br /> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <strong>Description</strong> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <telerik:RadTextBox ID="txtDescription" MaxLength="500" runat="server"> |
| </telerik:RadTextBox> |
| <br /> |
| <br /> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <strong>News Content</strong> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <telerik:RadEditor ID="txtNewsContent" runat="server" Height="300px" |
| Width="500px" EditModes="Design" |
| ToolbarMode="Default" StripFormattingOnPaste="AllExceptNewLines"> |
| <CssFiles> |
| <telerik:EditorCssFile Value="~/CSS/Editor.css" /> |
| </CssFiles> |
| <tools> |
| <telerik:EditorToolGroup> |
| <telerik:EditorTool Name="Bold" /> |
| <telerik:EditorTool Name="Underline" /> |
| <telerik:EditorSeparator /> |
| <telerik:EditorTool Name="Cut" /> |
| <telerik:EditorTool Name="Copy"/> |
| <telerik:EditorTool Name="Paste"/> |
| <telerik:EditorSeparator /> |
| <telerik:EditorTool Name="Undo" /> |
| <telerik:EditorTool Name="Redo"/> |
| </telerik:EditorToolGroup> |
| </tools> |
| </telerik:RadEditor> |
| </td> |
| </tr> |
| <tr> |
| <td align="left"> |
| <asp:Button ID="btnUpdate" runat="server" Text="Update" CommandName="Update" Visible='<%# !(DataItem is GridInsertionObject) %>' /> |
| <asp:Button ID="btnInsert" runat="server" Text="Insert" CommandName="Insert" Visible='<%# DataItem is GridInsertionObject %>' /> |
| |
| <asp:Button ID="btnCancel" runat="server" Text="Cancel" CommandName="Cancel" CausesValidation="false" /> |
| </td> |
| </tr> |
| </table> |
| </div> |
| </div> |
| </div> |
| </div> |
| </td> |
| </tr> |
| </table> |
| </ContentTemplate> |
| </asp:UpdatePanel> |
| namespace InternalAdmin.UserControls.News |
| { |
| public partial class NewsManagementEditControl : System.Web.UI.UserControl |
| { |
| private List<OApplicationNews> ApplicationNews |
| { |
| get |
| { |
| object o = Session["_ApplicationNews"]; |
| if (o == null) |
| return new List<OApplicationNews>(); |
| else |
| { |
| return (List<OApplicationNews>)o; |
| } |
| } |
| } |
| private object _dataItem = null; |
| public object DataItem |
| { |
| get |
| { |
| return this._dataItem; |
| } |
| set |
| { |
| this._dataItem = value; |
| } |
| } |
| protected void Page_Load(object sender, EventArgs e) |
| { |
| } |
| protected void rptApplicationList_ItemDataBound(object sender, RepeaterItemEventArgs e) |
| { |
| var data = (OApplication)e.Item.DataItem; |
| var applicationControl = (CheckBox)e.Item.FindControl("application"); |
| applicationControl.Text = data.ApplicationName; |
| applicationControl.Attributes["applicationId"] = data.ApplicationId.ToString(); |
| var applicationNewsId = |
| ApplicationNews.Where(id => id.ApplicationId == data.ApplicationId); |
| if (applicationNewsId.Count() > 0) |
| { |
| applicationControl.Attributes["applicationNewsId"] = |
| applicationNewsId.Select(id => id.ApplicationNewsId).First().ToString(); |
| applicationControl.Checked = true; |
| } |
| } |
| } |
| } |
How remove the checkbox and "Remove" word from this printscreen?
Beata
I have a radcombobox with a set of items in it.
This combobox is in a radwindow.
If the user opens the radwindow i need to make sure the radcomboboxes selection is set to the empty message and does not cause the required validation control to fire. On the very first opening of the radwindow all is good, it is when they open the radwindow a second time and I do not want their previous selection selected so I want it set to the Empty Message...
You can see in this screen shot the required validator fires after using the comboboxes clearselection javascript code
This is not desired... Any suggestions...????
​
Radwindow and combobox markup
<telerik:RadWindow runat="server" ID="RadWindowDashboardCofiguration" VisibleOnPageLoad="False" Title="Panel Name" Skin="Default" Modal="True" Behaviors="Move, Reload" ShowContentDuringLoad="True" OnClientClose="OnClientClose"> <ContentTemplate> <asp:UpdatePanel ID="UpdatePanelDashboardConfiguration" runat="server" UpdateMode="Conditional"> <ContentTemplate> <div style="padding: 0px 15px 0px 15px;"> <div style="padding-top: 15px; padding-bottom: 15px;"> <div class="EditFormMainTable"> <table> <tr> <td style="width: 100%"> <div class="EditFormTable"> <table> <tr class="EditFormRequired"> <td> <label>Panel Display:</label> </td> <td> <telerik:RadComboBox ID="RadComboBoxUserControl" runat="server" AutoPostBack="True" OnSelectedIndexChanged="RadComboBoxUserControl_SelectedIndexChanged" EmptyMessage="Please select panel..."> <Items> <telerik:RadComboBoxItem runat="server" Text="Inventory Statistics" /> <telerik:RadComboBoxItem runat="server" Text="Notifications" /> <telerik:RadComboBoxItem runat="server" Text="--- GRAPHS ---" Enabled="False" /> <telerik:RadComboBoxItem runat="server" Text="Audits - Misplaced Tags (Top 5 Sites)" /> <telerik:RadComboBoxItem runat="server" Text="Audits - Missing Tags (Top 5 Sites)" /> <telerik:RadComboBoxItem runat="server" Text="Tag Distributions" /> <telerik:RadComboBoxItem runat="server" Text="Tag Status Over Time" /> <telerik:RadComboBoxItem runat="server" Text="Tag Statuses (Rooms)" /> </Items> </telerik:RadComboBox> <asp:RequiredFieldValidator ID="RequiredFielduserControl" runat="server" ControlToValidate="RadComboBoxUserControl" ErrorMessage="<br />Required" Display="Dynamic" SetFocusOnError="True" CssClass="Error"><br />Requied</asp:RequiredFieldValidator> </td> </tr> </table> </div> </td> </table> </div> </div> <hr /> <a target="blank" href="https://msdn.microsoft.com/en-us/library/c0az2h86.aspx">How to add a user control to a place holder</a> <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder> <div style="text-align: right;"> <asp:ImageButton ID="ImageButtonSave" runat="server" ImageUrl="../TIPWebIT/App_Themes/TIPWeb/Images/Save.gif" ToolTip="Save" /> </div> </div> </ContentTemplate> </asp:UpdatePanel> </ContentTemplate></telerik:RadWindow>
Hi,
I setup a RadListView to allow the user the drag and drop to re-order the items. The scrollable items are <div> items inside of another <div> container.
If there are more items than screen, the <div> container displays a scroll bar, but when I drag an item, it does not scroll.
Is there a way to do this?
Thanks for the last reply I am not a we bit futher on I am building a custom provider list for the date times but what I have not been able to figure out is how to match dates that have already been inputed in my table i am using appointments from radsechulre i am trying to check dates in the db though that are stored in datetime values but when I try to set the custom value that you suggest here is some of my code.
On My drop down of managers I am going out to the function as so. So What i need be able to do is set a pre definined block times and intervals and two remove any time thats been saved in the db already.
1.protected void rdManagers_SelectedIndexChanged(object sender, Telerik.Web.UI.DropDownListEventArgs e)2. {3. customDatePickerProvider _timePickerValues = new customDatePickerProvider(new Guid(e.Value), Convert.ToDateTime("09:00"), Convert.ToDateTime("18:00"));4. rdStarDate.TimeView.CustomTimeValues = _timePickerValues.BuildTimeList(true, new Guid(e.Value), Convert.ToDateTime("09:00"), Convert.ToDateTime("18:00"));5. }6. 7.01.8.public D
01.public DateTime[] BuildTimeList(Boolean removeList, Guid managerID, DateTime startDate, DateTime endDate)02. {03. var q = _dal.checkDatesAvailabilty(managerID).ToList();04. if (q != null)05. {06. DateTime[] timesForPicker = new DateTime[] { new DateTime(2012, 12, 15, 12, 10, 10), new DateTime(2012, 12, 15, 5, 6, 3), new DateTime(2012, 12, 15, 3, 8, 11) };07. 08. Array.ForEach(q.ToArray(), l =>09. 10. {11. //we want to try and parse the date out of the prenset list here we going to use the date range function to create a list of dates12. });13. return timesForPicker;14. }15. return null;16. }
In addition to the above, the predefined font for almost all skins has been removed.
In some cases, these changes could result in undesired change of look and feel of the RadMenu. In order to revert back the styling of the control to its MetroTouch look from before the Q1 2016.1.225 SP1 release, one could apply the following CSS rules:html .RadMenu_MetroTouch { font-weight: 100; font-size: 16px;}html .RadMenu_MetroTouch .rmRootGroup { border-color: #25a0da; background-color: #25a0da; color: #FFF;}html .RadMenu_MetroTouch .rmRootGroup .rmItem { border-color: #51b3e1;}html .RadMenu_MetroTouch .rmRootGroup .rmRootLink { padding-top: 0px; padding-bottom: 0px; line-height: 2.125em; border: 1px solid transparent;}html .RadMenu_MetroTouch .rmRootGroup .rmRootLink:hover { background-color: transparent; color: #FFF; border-color: #92cfec;}html .RadMenu_MetroTouch .rmRootGroup .rmFocused > .rmRootLink { border: 1px solid #92cfec;}html .RadMenu_MetroTouch .rmRootGroup .rmSelected > .rmRootLink,html .RadMenu_MetroTouch .rmRootGroup .rmExpanded > .rmRootLink { border: 1px solid white;}html .RadMenu_Metro { font-size: 16px;}html .RadMenu_Metro .rmRootGroup { border-color: #25a0da; background-color: #25a0da; color: #FFF;}html .RadMenu_Metro .rmRootGroup .rmItem { border-color: #51b3e1;}html .RadMenu_Metro .rmRootGroup .rmRootLink { border: 1px solid transparent;}html .RadMenu_Metro .rmRootGroup .rmRootLink:hover { background-color: transparent; color: #FFF; border-color: #92cfec;}html .RadMenu_Metro .rmRootGroup .rmFocused > .rmRootLink { border: 1px solid #92cfec;}html .RadMenu_Metro .rmRootGroup .rmSelected > .rmRootLink,html .RadMenu_Metro .rmRootGroup .rmExpanded > .rmRootLink { border: 1px solid white;}I use RenderMode="Auto" and Skin="Bootstrap"
And i use DataSource....
Hove Change forecolor and fontsize on telerik:RadMenu?
This work with RenderMode="default", but not RenderMode="Auto"?
.RadMenu_Bootstrap .rmRootGroup .rmText {
color: red !important;
}