Hi there!
we are using Telerik 2011. So I customized RadComboBox to provide ,,Select All"-feature. So when the ,,Select All"-item is selected a js function registered with OnClientItemChecked  will be called and iterates all other items and selects them. 

As a result the checkboxes of the items are being selected and the content of  input area  is a comma separeted list of texts of the items.

So my question how can I make the input area displaying only the word,,All" when the ,,Select All"-item is selected  and not a list of all items?


Thank you in advance

http://www.telerik.com/forums/water-mark-text

I have found and am a little confused by the way these examples work. This is the way my code is setup:


Now I am trying to add a Text Watermark as shown in this example: http://www.telerik.com/help/reporting/designing-reports-watermarks.html

So I am trying to do it 3 different ways and only 1 way needs to work listed in order by the way I prefer to do it most:

1. Code Behind. As you see I am just setting the Content to be an html string in my RadEditor. Do I need to create a System.Drawing.Image object?
2. asp side. Running asp code but it seems that it needs to create some sort of document object that I'm not doing here.
3. Designing Reports Watermarks link seems to be creating a type of Report that is not the same as what I'm trying to do here.

But it doesn't seem the Reports talked about here are an actual printed report but some sort of computer report. What I'm trying to accomplish is to add a watermark to files that we print in pdf format. The PDF files are already created. I just need to add watermarks now. How do I exactly add watermarks here? In the previous link therei s an example doing it in the asp side using OnClientLoad but we don't create an actual document here. What is the document that needs to be created to make this work? Or to do it from the code behind, I need to somehow make the html string into this object: System.Drawing.Image ???

Hi,

I am trying to use Rad Notification for Session Timeout application.

Rad Notification control is on my master page as I want it for session timeout.
I see that every thing is working fine except for the postion of the notification.

It is always displaying at left bottom corner of my page and doesnt move from there.
And moreover the page is getting extended when notification comes and it doesnt even show up until we scroll the page downside.

Do you think any issue.

Code is same as the sample session timeout on telerik examples for radnotification.

I need to add many sources in a Rad Media Player (ASP .NET AJAX). Each source is a You Tube URL. Could you help me?

I am trying to use filtering in Radgrid by this codes:

Asp:

​<telerik:RadGrid ID="ToolkitList" runat="server" AllowSorting="True" CssClass="RadGridCustomClass" OnNeedDataSource="ToolkitListNeedDataSource" AutoGenerateColumns="False" OnPreRender="ToolkitList_PreRender" Style="margin-right: 30px;" OnInit="ToolkitList_Init" OnUpdateCommand="ToolkitList_UpdateCommand" Width="1143px" OnItemDataBound="ToolkitList_ItemDataBound" OnItemCreated="ToolkitList_ItemCreated" OnItemCommand="ToolkitList_ItemCommand" >
<FilterMenu OnClientShowing="MenuShowing" />
<GroupingSettings CaseSensitive="False" />
<ClientSettings>
<ClientEvents OnFilterMenuShowing="filterMenuShowing" />
</ClientSettings>

<MasterTableView DataKeyNames="Toolkit ID,Progress,ProgressString,IsDistributed" GridLines="Vertical" EditMode="InPlace">
<PagerStyle Mode="NumericPages"></PagerStyle>
<RowIndicatorColumn Visible="False">
</RowIndicatorColumn>
<ExpandCollapseColumn Created="True">
</ExpandCollapseColumn>
<Columns>
<telerik:GridHyperLinkColumn DataNavigateUrlFields="Toolkit ID" SortExpression="Entity Name" AllowFiltering="true" AutoPostBackOnFilter="true" FilterControlAltText="Filter Entity Name column" DataNavigateUrlFormatString="~/Section/ToolkitIndex.aspx?_toolkitId={0}" DataTextField="Entity Name" DataTextFormatString="{0}" HeaderText="Entity Name" DataType="System.String" UniqueName="EntityName">

<HeaderStyle HorizontalAlign="Left" CssClass="gridheaderdark" ForeColor="white" />

</telerik:GridHyperLinkColumn>

<Telerik:GridImageColumn UniqueName="GridImageColumn" ShowFilterIcon="False" SortExpression="RestrictAccess" HeaderText="Restrict" DataImageUrlFields="RestrictAccess" HeaderImageUrl="~\Images\Restricted.png">
<HeaderStyle HorizontalAlign="Center" CssClass="gridheaderlight" ForeColor="white" />
</Telerik:GridImageColumn>

<telerik:GridBoundColumn AutoPostBackOnFilter="True" CurrentFilterFunction="Contains" DataField="Client Name" FilterControlAltText="Filter ClientName column" Groupable="False" HeaderText="Client Name" HtmlEncode="True" ReadOnly="true" SortExpression="Client Name" UniqueName="ClientName" DataType="System.String">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
<HeaderStyle HorizontalAlign="Left" CssClass="gridheaderdark" ForeColor="white" />
</telerik:GridBoundColumn>

<telerik:GridBoundColumn AutoPostBackOnFilter="True" CurrentFilterFunction="Contains" DataField="Client Number" FilterControlAltText="Filter Client # column" Groupable="False" HeaderText="Client #" HtmlEncode="True" ReadOnly="true" SortExpression="Client Number" UniqueName="ClientNumber" DataType="System.String">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
<ItemStyle HorizontalAlign="Center" Width="80px" />
<HeaderStyle HorizontalAlign="Center" Width="90px" CssClass="gridheaderlight" ForeColor="white"/>
</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="true" AllowSorting="False" AutoPostBackOnFilter="True" CurrentFilterFunction="Contains" DataField="BKD Office" FilterControlAltText="Filter BKD Office column" Groupable="False" HeaderText="BKD Office" HtmlEncode="True" ReadOnly="true" SortExpression="BKD Office" UniqueName="BKDOffice" DataType="System.String">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
<ItemStyle HorizontalAlign="Center" Width="80px" />
<HeaderStyle HorizontalAlign="Center" Width="90px" CssClass="gridheaderdark" ForeColor="white"/>
</telerik:GridBoundColumn>

<telerik:GridTemplateColumn AllowFiltering="False" DataField="Progress" FilterControlAltText="Filter ProgressBar column" Groupable="False" HeaderText="Progress" ReadOnly="True" Reorderable="False" Resizable="False" UniqueName="ProgressBar">
<EditItemTemplate>
<telerik:RadHtmlChart ID="ProgressBarChart" runat="server" Height="25px">
<Legend>
<Appearance Visible="false">
</Appearance>
</Legend>
<PlotArea>
<Appearance Visible="False">
</Appearance>
<XAxis Visible="False">
<MajorGridLines Visible="False" />
<MinorGridLines Visible="False" />
</XAxis>
<YAxis MaxValue="100" MinValue="0" Visible="False">
<MajorGridLines Visible="False" />
<MinorGridLines Visible="False" />
</YAxis>
<Series>
<telerik:BarSeries DataFieldY="Progress" Gap="0" Spacing="0">
<LabelsAppearance Position="InsideBase">
</LabelsAppearance>
<Appearance>
<FillStyle BackgroundColor="Green" />
</Appearance>
<TooltipsAppearance Color="White" DataFormatString="{0}%" />
</telerik:BarSeries>
</Series>
</PlotArea>
<Navigator>
<SelectionHint Visible="False">
</SelectionHint>
</Navigator>
</telerik:RadHtmlChart>
</EditItemTemplate>
<ItemTemplate>
<telerik:RadHtmlChart ID="ProgressBarChart" runat="server" Height="25px">
<Legend>
<Appearance Visible="false">
</Appearance>
</Legend>
<PlotArea>
<Appearance Visible="False">
</Appearance>
<XAxis Visible="False">
<MajorGridLines Visible="False" />
<MinorGridLines Visible="False" />
</XAxis>
<YAxis MaxValue="100" MinValue="0" Visible="False">
<MajorGridLines Visible="False" />
<MinorGridLines Visible="False" />
</YAxis>
<Series>
<telerik:BarSeries DataFieldY="Progress" Gap="0" Spacing="0">
<LabelsAppearance Position="InsideBase">
</LabelsAppearance>
<Appearance>
<FillStyle BackgroundColor="Green" />
</Appearance>
<TooltipsAppearance Color="White" DataFormatString="{0}%" />
</telerik:BarSeries>
</Series>
</PlotArea>
<Navigator>
<SelectionHint Visible="False">
</SelectionHint>
</Navigator>
</telerik:RadHtmlChart>
</ItemTemplate>
<ItemStyle Width="120px" />
<HeaderStyle CssClass="gridheaderlight" HorizontalAlign="Center" ForeColor="white"></HeaderStyle>
</telerik:GridTemplateColumn>

<telerik:GridDateTimeColumn AutoPostBackOnFilter="True" CurrentFilterFunction="EqualTo" FilterControlWidth="70px" DataField="Year End" DataFormatString="{0:M/d/yyyy}" DataType="System.DateTime" FilterControlAltText="Filter Year End column" Groupable="False" HeaderText="Year-End" ReadOnly="True" SortExpression="Year End" UniqueName="YearEnd">
<ItemStyle HorizontalAlign="Center" Width="80px" />
<HeaderStyle HorizontalAlign="Center" Width="90px" CssClass="gridheaderdark" ForeColor="white"/>
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridDateTimeColumn>

<telerik:GridDateTimeColumn AutoPostBackOnFilter="True" CurrentFilterFunction="EqualTo" FilterControlWidth="70px" DataField="Distribution Date" DataFormatString="{0:M/d/yyyy}" DataType="System.DateTime" FilterControlAltText="Filter Distribution Date column" Groupable="False" HeaderText="Dist. Date" ReadOnly="true" SortExpression="Distribution Date" UniqueName="DistributionDate">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
<ItemStyle HorizontalAlign="Center" Width="80px" />
<HeaderStyle HorizontalAlign="Center" Width="90px" CssClass="gridheaderlight" ForeColor="white"/>
</telerik:GridDateTimeColumn>

<telerik:GridDateTimeColumn AutoPostBackOnFilter="True" CurrentFilterFunction="EqualTo" FilterControlWidth="70px" DataField="Toolkit Due Date" DataFormatString="{0:M/d/yyyy}" DataType="System.DateTime" FilterControlAltText="Filter Toolkit Due Date column" Groupable="False" HeaderText="Toolkit Due" ReadOnly="False" SortExpression="Toolkit Due Date" UniqueName="ToolkitDueDate">
<ItemStyle HorizontalAlign="Center" Width="80px" />
<HeaderStyle HorizontalAlign="Center" Width="90px" CssClass="gridheaderdark" ForeColor="white"/>
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridDateTimeColumn>


<telerik:GridDateTimeColumn AutoPostBackOnFilter="True" CurrentFilterFunction="EqualTo" DataField="Board Meeting Date" FilterControlWidth="70px" DataFormatString="{0:M/d/yyyy}" DataType="System.DateTime" FilterControlAltText="Filter Board Meeting Date column" Groupable="False" HeaderText="Board Mtg." ReadOnly="False" SortExpression="Board Meeting Date" UniqueName="BoardMeetingDate">
<ItemStyle HorizontalAlign="Center" Width="80px" />
<HeaderStyle HorizontalAlign="Center" Width="90px" CssClass="gridheaderlight" ForeColor="white"/>
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridDateTimeColumn>



<telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="Progress" DataType="System.Int16" Display="False" FilterControlAltText="Filter Progress column" Groupable="False" HeaderText="Progress" ReadOnly="True" Reorderable="False" Resizable="False" ShowSortIcon="False" UniqueName="Progress">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="ProgressString" DataType="System.String" Display="False" FilterControlAltText="Filter Progress column" Groupable="False" HeaderText="ProgressString" ReadOnly="True" Reorderable="False" Resizable="False" ShowSortIcon="False" UniqueName="ProgressString">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="Toolkit ID" Display="false" Groupable="False" HeaderText="Toolkit ID" ReadOnly="true" Reorderable="False" Resizable="False" ShowSortIcon="False" UniqueName="ToolkitID">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" DataField="Assigned" Groupable="False" HeaderText="Assigned" HtmlEncode="True" SortExpression="Assigned" UniqueName="Assigned" ReadOnly="true" Display="false">
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" DataField="RestrictAccess" Groupable="False" HeaderText="RestrictAccess" HtmlEncode="True" SortExpression="RestrictAccess" UniqueName="RestrictAccess" ReadOnly="true" Display="False" >
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" DataField="IsDistributed" Groupable="False" HeaderText="IsDistributed" HtmlEncode="True" SortExpression="IsDistributed" UniqueName="IsDistributed" ReadOnly="true" Display="False" >
<ColumnValidationSettings>
<ModelErrorMessage Text="" />
</ColumnValidationSettings>
</telerik:GridBoundColumn>
<telerik:GridEditCommandColumn ButtonType="ImageButton" ColumnGroupName="Actions" HeaderStyle-CssClass="header" UniqueName="EditCommandColumn" >
<HeaderStyle CssClass="header" />
<ItemStyle HorizontalAlign="Center" Width="15" CssClass="MergedBorder"/>
</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" ColumnGroupName="Actions" HeaderStyle-CssClass="header" ImageUrl="~\Images\users-icon.png" UniqueName="ManageUserColumn" CommandName="Manageusers" >
<HeaderStyle CssClass="header"/>
<ItemStyle HorizontalAlign="Center" Width="5" CssClass="MergedBorder"/>
</telerik:GridButtonColumn>


<telerik:GridButtonColumn ButtonType="ImageButton" ColumnGroupName="Actions" HeaderStyle-CssClass="header" ImageUrl="~\Images\distribute.gif" UniqueName="DistributeColumn" CommandName="DistributeButtonColumn">
<HeaderStyle CssClass="header" />
<ItemStyle HorizontalAlign="Center" Width="5" CssClass="MergedBorder"/>
</telerik:GridButtonColumn>

<telerik:GridTemplateColumn UniqueName="DeleteColumn" ColumnGroupName="Actions" AllowFiltering="False">
<ItemTemplate>
<asp:ImageButton ID="DeleteImageButton" runat="server" AlternateText="Delete Toolkit" CommandName="Delete"
OnClientClick="javascript:if(!confirm('This action will delete the selected Toolkit. Are you sure?')){return false;}"
ImageUrl="~\Images\delete-icon.png" />
</ItemTemplate>
<HeaderStyle CssClass="header" />
<ItemStyle HorizontalAlign="Center" Width="5" CssClass="MergedBorder"/>
</telerik:GridTemplateColumn>

</Columns>
<ColumnGroups>
<telerik:GridColumnGroup HeaderStyle-HorizontalAlign="Center" HeaderText="Actions" Name="Actions" >
<HeaderStyle HorizontalAlign="Center" CssClass="gridheaderdark" ForeColor="white"/>

</telerik:GridColumnGroup>
</ColumnGroups>
<EditFormSettings>
<EditColumn UniqueName="EditCommandColumn" ButtonType="ImageButton" CancelImageUrl="~/RadControls/Grid/Skins/Default/Cancel.gif" UpdateImageUrl="~/RadControls/Grid/Skins/Default/Update.gif" >
</EditColumn>

<EditColumn FilterControlAltText="Filter EditCommandColumn1 column" UniqueName="EditCommandColumn1" >
</EditColumn>
</EditFormSettings>

</MasterTableView>

<FilterMenu OnClientShowing="MenuShowing" />
</telerik:RadGrid>
</telerik:RadAjaxPanel>


<telerik:RadCodeBlock ID="CustomizingFiltersBlock" runat="server">
<script type="text/javascript">
var column = null;

function MenuShowing(sender, args) {
if (column == null) return;
var menu = sender;
var items = menu.get_items();
if (column.get_dataType() == "System.String") {
var i = 0;
while (i < items.get_count()) {
if (!(items.getItem(i).get_value() in { 'Contains': '', 'DoesNotContain': '', 'StartsWith': '', 'EndsWith': '', 'IsEmpty': '', 'NotIsEmpty': '', 'NoFilter': '' })) {
var item = items.getItem(i);
if (item != null)
item.set_visible(false);
}
else {
var item = items.getItem(i);
if (item != null)
item.set_visible(true);
} i++;
}
}
if (column.get_dataType() == "System.UInt32") {
var j = 0;
while (j < items.get_count()) {
if (!(items.getItem(j).get_value() in { 'EqualTo': '', 'NotEqualTo': '', 'GreaterThan': '', 'GreaterThanOrEqualTo': '', 'LessThan': '', 'LessThanOrEqualTo': '', 'NoFilter': '' })) {
var item = items.getItem(j);
if (item != null)
item.set_visible(false);
} else {
var item = items.getItem(j);
if (item != null)
item.set_visible(true);
} j++;
}
}
if (column.get_dataType() == "System.DateTime") {
var j = 0;
while (j < items.get_count()) {
if (!(items.getItem(j).get_value() in { 'EqualTo': '', 'NotEqualTo': '', 'GreaterThan': '', 'GreaterThanOrEqualTo': '', 'LessThan': '', 'LessThanOrEqualTo': '', 'NoFilter': '' })) {
var item = items.getItem(j);
if (item != null)
item.set_visible(false);
} else {
var item = items.getItem(j);
if (item != null)
item.set_visible(true);
} j++;
}
}
//if (column.get_uniqueName() == "EIN") {
// var j = 0;
// while (j < items.get_count()) {
// if (!(items.getItem(j).get_value() in { 'NoFilter': ''})) {
// var item = items.getItem(j);
// if (item != null)
// item.set_visible(false);
// } else {
// var item = items.getItem(j);
// if (item != null)
// item.set_visible(true);
// } j++;
// }
//}
column = null;
menu.repaint();
}

function filterMenuShowing(sender, eventArgs) {
column = eventArgs.get_column();
}


</script>
</telerik:RadCodeBlock>

and  Cs code:

​protected void ToolkitList_Init(object sender, EventArgs e)
{

#region Ordering Filter Options

// Get the single server side filter list.
GridFilterMenu menu = ToolkitList.FilterMenu;

// Get the "No Filter" menu choice.
var noFilter = menu.Items.FindItemByText("No Filter");

// Moves "No Filter" To the bottom of the list.
menu.Items.Remove(noFilter);
menu.Items.Add(noFilter);

// Get the "Less Than" menu choice and index.
var lessThan = menu.Items.FindItemByText("Less Than");
int lessThanIndex = lessThan.Index;

// Get the "Greater Than Or Equal To" menu choice and index.
var greaterThanOrEqualTo = menu.Items.FindItemByText("Greater Than Or Equal To");
int greaterThanOrEqualToIndex = greaterThanOrEqualTo.Index;

// Pull the old switch them around trick.
menu.Items[lessThanIndex] = greaterThanOrEqualTo;
menu.Items[greaterThanOrEqualToIndex] = lessThan;

#endregion
}
​ protected void ToolkitList_PreRender(object sender, EventArgs e)
{
#region Selecting Default Menu Option

// Loop through all the columns
int i = 0;
while (i < ToolkitList.Columns.Count)
{
// Check to make sure that there is no filter text.
if (string.IsNullOrEmpty(ToolkitList.MasterTableView.Columns[i].CurrentFilterValue))
{
// If it is a string column assign it the default of contains.
if (ToolkitList.Columns[i].DataType.ToString() == "System.String")
{
ToolkitList.Columns[i].CurrentFilterFunction = GridKnownFunction.Contains;
}

// If it is an integer or date column assign it the default of equal to.
if (ToolkitList.Columns[i].DataType.ToString() == "System.UInt32" ||
ToolkitList.Columns[i].DataType.ToString() == "System.DateTime")
{
ToolkitList.Columns[i].CurrentFilterFunction = GridKnownFunction.EqualTo;
}
}

i++;
}

this.ToolkitList.Rebind();

#endregion
             GridColumn gridCol = ToolkitList.MasterTableView.GetColumn("EditCommandColumn");
gridCol.HeaderStyle.Width = Unit.Pixel(50);
          }

but I get this error :
0x800a139e - JavaScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Index was out of range. Must be non-negative and less than the size of the collection.Parameter name: index

I need your help as soon as possible plz.

Hi,

I have a Radgrid from where i have to select multiple rows and on click on button in RadToolBar, i need to open a seperate Radwindow for each Row selected from code behind. All the Radwindows should be minimised except the last one.

Please suggest.

Thanks in advance!

Hi Team,
    I want to perform the testing for RadComboBox used in the webpage using selenium. My requirement is i need to Select the item in RadComboBox.


Code i tried:
var cboCountry = driver.FindElement(By.Id("cboCountry_Arrow"));
cboCountry.Click();
 IWebElement List = driver.FindElement(By.Id("cboCountry_Input"));
var item = List.FindElement(By.XPath("//li[text()='Malaysia']"));
item.Click();

I am not able to accomplish this. It gives the error, the element is not displayed in the page.

Could you please provide the code for all the Rad controls that i can use it for testing using Selenium

The UI for ASP.NET AJAX roadmap for Q3 2014 is coming soon!     WHEN will you post your road map for Q3 ?? 

I have an issue with the way scrolling is handled on the menu control when it is set to mobile mode. When you get to over about 6 items in the mobile menu, the items scroll inside the menu container. This is fine on a desktop browser, but is problematic when I tested on an iPhone. First, the fact that there are more items to scroll down too is not immediately evident to the user, as there are no scroll bars in the mobile browser until you begin to scroll.  Second, then scrolling doesn't always work in the menu's container, and the entire page scrolls rather then the menu.

Is there a setting for the menu that forces it to be 100% height, to function similar to how the mobile version of the Telerik.com menu works (as of writing this post)?

Hi Team,

How do I add an additional ComboBox on the AdvanceInsertTemplate while keeping the default items like subject, start time etc.

Thanks & Regards,
Sharanya