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 dates
12.
});
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;
}