I am sure there is a simple answer.
Right and AboveText work.

Left places the Image above the text.
Below place the Image in the text.

<telerik:RadToolBar ID="CommandRadToolBar" runat="server" AutoPostBack="True" Height="48px" SingleClick="None">
    <Items>
        <telerik:RadToolBarButton Text="Add New" CommandName="InitInsert" ImageUrl="~/Images/Tools16X16.png"   ImagePosition="Left" Width="128" >
        </telerik:RadToolBarButton>
        <telerik:RadToolBarButton Text="Refresh" CommandName="RefreshItems" ImageUrl="~/Images/Refresh16X16.png" ImagePosition="Right" Width="128">
        </telerik:RadToolBarButton>
    </Items>
</telerik:RadToolBar>

Here's the initial portion of a RadGrid I've defined:


The BackColor property appears to have no effect.  Is this a known bug with RadGrid or is there another way I'm supposed to set the background color of the Header?

Robert

I have a page with vertical splitter, in the left pane, i have 2 treeviews, the fisrt is Gmail folder, the seconf is googledrive folder. when i select a node in gmail folder treeview, i must show email grid with is own toolbar in the right pane and when i select a node in Google drive folder, i must show Google drive grid with is own toolbar. To do this i create in right pane (ContentPane), 3 div. What i want to do is to refresh all right pane if i select a node in gmail or Google drive folders treeview. How i can do this ?

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/MainPage.master" CodeBehind="ManageGoogle.aspx.vb" Inherits=".ManageGoogle" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="Content1" ContentPlaceHolderID="centerPlaceHolder" runat="server">
<telerik:radcodeblock id="RadCodeBlock" runat="server">
<script type="text/javascript" language="javascript">

var toolbar;
var searchButton;

function onButtonClicked(sender, args) {
var commandName = args.get_item().get_commandName();
if (commandName == "doSearch") {
var searchTextBox = sender.findButtonByCommandName("searchText").findControl("txtSearch");
if (searchButton.get_value() == "clear") {
searchTextBox.set_value("");
searchButton.set_imageUrl("images/search.gif");
searchButton.set_value("search");
}

performSearch(searchTextBox.get_value());
}
}

function onKeyPress(sender, args) {
if (args.get_keyCode() == 13) {
performSearch(sender.get_textBoxValue());
}
}

function performSearch(searchText) {
if (searchText) {
searchButton.set_imageUrl("~/images/clear.gif");
searchButton.set_value("clear");
}
ajaxManager.ajaxRequest(searchText);
}

function GMail_onButtonClicked(sender, args) {
var commandName = args.get_item().get_commandName();
if (commandName == "doSearch") {
}
}

function GoogleDrive_onButtonClicked(sender, args) {
var commandName = args.get_item().get_commandName();
if (commandName == "doSearch") {
}
}

function GMail_onGridRowSelected(sender, args) {
}

function GoogleDrive_onGridRowSelected(sender, args) {
}

function onGMailNodeClicking(sender, args) {

}

function onGoogleDriveNodeClicking(sender, args) {

}

function onClientPanelItemExpand(sender, eventArgs) {
var item = eventArgs.get_item();
if (item.get_text() == "GMail") {
initiateAjaxRequest("LoadTreeviewGMailFolders", null, null, null, null); return false;
}
else {
initiateAjaxRequest("LoadTreeviewGoogleDriveFolders", null, null, null, null); return false;
}
}


</script>
</telerik:radcodeblock>

<telerik:radajaxmanagerproxy runat="server" id="RadAjaxManagerProxy">
<ajaxsettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManagerProxy">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="pnlGoogle" />
</UpdatedControls>
</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="trvGMailFolders">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Panel1" />
</UpdatedControls>
</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="trvGoogleDriveFolders">
<UpdatedControls>

</UpdatedControls>
</telerik:AjaxSetting>

</ajaxsettings>
</telerik:radajaxmanagerproxy>

<telerik:radajaxloadingpanel runat="server" id="RadAjaxLoadingPanel" skin="Office2010Blue">
</telerik:radajaxloadingpanel>

<div style="width: 100%; height: 100%; min-height: 100%; overflow: hidden;">

<telerik:RadSplitter ID="mainSplitter" runat="server" Height="100%" Width="100%" visibleduringinit="false" bordersize="1" borderstyle="Solid"
panesbordersize="0" skin="Office2010Blue">
<telerik:RadPane ID="navigationPane" runat="server" Width="220px">
<telerik:RadToolBar runat="server" ID="RadToolBarSearch" OnClientButtonClicked="onButtonClicked" EnableViewState="false" Skin="Office2010Blue" Height="30px" width="100%">
<items>
<telerik:RadToolBarButton Value="searchTextBoxButton" CommandName="searchText">
<ItemTemplate>
<telerik:RadTextBox runat="server" ID="txtSearch" EmptyMessage="Rechercher" CssClass="inbox-search-textbox" Width="100%" ClientEvents-OnKeyPress="onKeyPress" />
</ItemTemplate>
</telerik:RadToolBarButton>
<telerik:RadToolBarButton ImageUrl="~/Images/search.gif" Value="search" CommandName="doSearch" width="24px"/>
</items>
</telerik:RadToolBar>



<telerik:RadPanelBar runat="server" ID="pnlGoogle" Width="100%" Skin="Office2010Blue" OnClientItemExpand="onClientPanelItemExpand">
<Items>
<telerik:RadPanelItem Value="pnlGMail" Expanded="False" Text="GMail" ImageUrl="~/Images/GMail.gif" >
<Items>
<telerik:RadPanelItem Value="GMail">
<ItemTemplate>
<telerik:RadTreeView runat="Server" ID="trvGMailFolders" OnNodeClick="trvGMailFolders_NodeClick" OnClientNodeClicking="onGMailNodeClicking" Skin="Office2010Blue">
</telerik:RadTreeView>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>


<telerik:RadPanelItem Value="pnlGoogleDrive" Expanded="False" Text="Google Drive" ImageUrl="~/Images/GoogleDrive.gif">
<Items>
<telerik:RadPanelItem Value="GoogleDrive">
<ItemTemplate>
<telerik:RadTreeView runat="Server" ID="trvGoogleDriveFolders" OnNodeClick="trvGoogleDriveFolders_NodeClick" OnClientNodeClicking="onGoogleDriveNodeClicking" Skin="Office2010Blue">
</telerik:RadTreeView>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>

</Items>
</telerik:RadPanelBar>



</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitbar" runat="server" CollapseMode="Forward">
</telerik:RadSplitBar>

<telerik:RadPane ID="ContentPane" runat="server" visible="false">

<asp:Panel ID="Panel1" runat="server">

<div id="divSearchContent" runat="server">
Search
</div>
<div id="divGMailContent" runat="server">
<telerik:RadToolBar runat="server" ID="RadToolBarGMail" OnClientButtonClicked="GMail_onButtonClicked" EnableViewState="false" Skin="Office2010Blue" Height="30px">
<items>
<telerik:RadToolBarButton Value="filterByDate" CommandName="filterByDate">
<ItemTemplate>
<asp:Label ID="lblFromDate" runat="server" Text="<%$Resources:lblFromDate%>" SkinID="Office2010Blue" style="padding-right:5px;"></asp:Label>
<telerik:RadDatePicker ID="rdpFromDate" runat="server" Width="110px" AutoPostBack="false" DateInput-EmptyMessage="MinDate" MinDate="01/01/1000" MaxDate="01/01/3000" Skin="Office2010Blue">
<Calendar>
<SpecialDays>
<telerik:RadCalendarDay Repeatable="Today" ItemStyle-CssClass="rcToday">
</telerik:RadCalendarDay>
</SpecialDays>
</Calendar>
</telerik:RadDatePicker>
<asp:Label ID="lblToDate" runat="server" Text="<%$Resources:lblToDate%>" SkinID="Office2010Blue" style="padding-right:5px" ></asp:Label>
<telerik:RadDatePicker ID="rdpToDate" runat="server" Width="110px" AutoPostBack="false" DateInput-EmptyMessage="MaxDate" MinDate="01/01/1000" MaxDate="01/01/3000" Skin="Office2010Blue">
<Calendar>
<SpecialDays>
<telerik:RadCalendarDay Repeatable="Today" ItemStyle-CssClass="rcToday">
</telerik:RadCalendarDay>
</SpecialDays>
</Calendar>
</telerik:RadDatePicker>
</ItemTemplate>
</telerik:RadToolBarButton>
<telerik:RadToolBarButton ImageUrl="~/Images/filter.png" ToolTip="<%$Resources:btnApplyMailFilter%>" CommandName="ApplyMailFilter" Text="<%$Resources:btnApplyMailFilter%>" />
<telerik:RadToolBarButton IsSeparator="true" />
<telerik:RadToolBarButton ImageUrl="~/Images/move.gif" Enabled="false" ToolTip="<%$Resources:btnTransferToSyGED%>" CommandName="TransferToSyGED" Text="<%$Resources:btnTransferToSyGED%>" />
<telerik:RadToolBarButton IsSeparator="true" />
<telerik:RadToolBarButton ImageUrl="~/Images/move.gif" Enabled="false" ToolTip="<%$Resources:btnTransferAttachmentsToSyGED%>" CommandName="TransferAttachmentsToSyGED" Text="<%$Resources:btnTransferAttachmentsToSyGED%>" />
</items>
</telerik:RadToolBar>


<telerik:RadGrid runat="server" ID="grdGMail" AutoGenerateColumns="false" GridLines="None" BorderWidth="0" AllowSorting="true" Style="outline: none" Skin="Office2010Blue">
<clientsettings>
<Selecting AllowRowSelect="true" />
<Scrolling UseStaticHeaders="true" AllowScroll="true" ScrollHeight="100%" />
<ClientEvents OnRowSelected="GMail_onGridRowSelected"/>
</clientsettings>
<mastertableview tablelayout="Fixed" grouploadmode="Client" ClientDataKeyNames="MessageID" width="100%" nomasterrecordstext="<%$Resources:GMail_grdNoRecordMessage%>">
<SortExpressions>
<telerik:GridSortExpression FieldName="Received" SortOrder="Descending" />
</SortExpressions>
<Columns>
<telerik:GridBoundColumn DataField="From" HeaderText="<%$Resources:GMail_grdFromHeader%>" HeaderStyle-Width="240px">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Subject" HeaderText="<%$Resources:GMail_grdSubjectHeader%>" >
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Received" HeaderText="<%$Resources:GMail_grdDateHeader%>" HeaderStyle-Width="150px">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="MessageID" Display="False">
</telerik:GridBoundColumn>
</Columns>
</mastertableview>
</telerik:RadGrid>
</div>

<div id="divGoogleDriveContent" runat="server" visible="false">
<telerik:RadToolBar runat="server" ID="RadToolBarGoogleDrive" OnClientButtonClicked="GoogleDrive_onButtonClicked" EnableViewState="false" Skin="Office2010Blue" Height="30px">
<items>
<telerik:RadToolBarButton ImageUrl="~/Images/move.gif" Enabled="false" ToolTip="<%$Resources:btnTransferFolderToSyGED%>" CommandName="TransferFolderToSyGED" Text="<%$Resources:btnTransferFolderToSyGED%>" />
<telerik:RadToolBarButton IsSeparator="true" />
<telerik:RadToolBarButton ImageUrl="~/Images/move.gif" Enabled="false" ToolTip="<%$Resources:btnTransferDocumentsToSyGED%>" CommandName="TransferDocumentsToSyGED" Text="<%$Resources:btnTransferDocumentsToSyGED%>" />
</items>
</telerik:RadToolBar>

<telerik:RadGrid runat="server" ID="grdGoogleDrive" AutoGenerateColumns="false" GridLines="None" BorderWidth="0" AllowSorting="true" Style="outline: none" Skin="Office2010Blue">
<clientsettings>
<Selecting AllowRowSelect="true" />
<Scrolling UseStaticHeaders="true" AllowScroll="true" ScrollHeight="100%" />
<ClientEvents OnRowSelected="GoogleDrive_onGridRowSelected"/>
</clientsettings>
<mastertableview tablelayout="Fixed" grouploadmode="Client" ClientDataKeyNames="MessageID" width="100%" nomasterrecordstext="<%$Resources:GMail_grdNoRecordMessage%>">
<SortExpressions>
<telerik:GridSortExpression FieldName="Received" SortOrder="Descending" />
</SortExpressions>
<Columns>
<telerik:GridBoundColumn DataField="From" HeaderText="<%$Resources:GMail_grdFromHeader%>" HeaderStyle-Width="240px">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Subject" HeaderText="<%$Resources:GMail_grdSubjectHeader%>" >
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Received" HeaderText="<%$Resources:GMail_grdDateHeader%>" HeaderStyle-Width="150px">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="MessageID" Display="False">
</telerik:GridBoundColumn>
</Columns>
</mastertableview>
</telerik:RadGrid>

</div>

</asp:Panel>

</telerik:RadPane>

</telerik:RadSplitter>

</asp:Content>

I have a radgrid that is set to batch editmode with edittype of "cell"

When I hit the addrecord button I want a date column to default to today's date.

Anyone have an example?

Thanks,

Hi,

i have written code to add new tab and the code is : 

RadTabStrip objRadTabStrip = (RadTabStrip)Page.Master.FindControl("DefaultContent").FindControl("radTabStrip1");
RadTab objChildTab = new RadTab();

      objChildTab.Text = objTabItem.TabText;
     objChildTab.Value = objTabItem.TabValue;
     objChildTab.PageViewID = objTabItem.PageViewID;
     objChildTab.ToolTip = objTabItem.TabURL;
     objRadTabStrip.Tabs.Add(objChildTab);
     objRadTabStrip.DataBind();

this code is written on button click which is present on user control(.ascx) page.
user control is called in demo.aspx page and this demo.aspx page is called from some other page.
So when i add new tab at that time it not visible on UI but if i refresh the whole page the it gets visible and it takes too much time to refresh full page.

I want as soon as i click on add new tab button the newly crated tab should be visible on UI.

Please help me to do this.

Hi Guys,

I am experiencing an error in my application when there is more than 1 editor on the page.  I receive the following error when I try to post back:

Invalid JSON primitive: .

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code. 

Exception Details: System.ArgumentException: Invalid JSON primitive: .

Source Error: 

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

Stack Trace: 

[ArgumentException: Invalid JSON primitive: .] System.Web.Script.Serialization.JavaScriptObjectDeserializer.DeserializePrimitiveObject() +562290 System.Web.Script.Serialization.JavaScriptObjectDeserializer.DeserializeInternal(Int32 depth) +263 System.Web.Script.Serialization.JavaScriptObjectDeserializer.BasicDeserialize(String input, Int32 depthLimit, JavaScriptSerializer serializer) +80 System.Web.Script.Serialization.JavaScriptSerializer.Deserialize(JavaScriptSerializer serializer, String input, Type type, Int32 depthLimit) +44 Telerik.Web.UI.RadWebControl.LoadPostData(String postDataKey, NameValueCollection postCollection) +107 Telerik.Web.UI.RadWebControl.System.Web.UI.IPostBackDataHandler.LoadPostData(String postDataKey, NameValueCollection postCollection) +13 System.Web.UI.Page.ProcessPostData(NameValueCollection postData, Boolean fBeforeLoad) +8910120 System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +878

---

Version Information: Microsoft .NET Framework Version:4.0.30319; ASP.NET Version:4.0.30319.1


I am using .NET 4.0 and Telerik v. 2011.2.712.35.

I have got this working by removing one of the 2 editors on the page.  This is just a basic FormView, nothing terribly tricky.

Here is the code I'm using for both controls (different IDs and data bindings of course):

I can PM more of my code if that helps.

Thanks in advance guys.

Regards,
Danny

Hello

We are using Q2 2014 version.  The problem we have occurs in Firefox (not in IE).  When we use the backspace key to remove a character in RadEditor, it removes two.
How can we fix that?

Thank you
Raka

Please suggest me a solution for this.It is really very urgent and i don't have any idea how to fix this

Hi,

I observed, pinning is possilbe through code.

1. Is there any option to set pinning through UI.

Regards
Vasu

The Rad Navigation control is perfect for our mobile targeted pages. However, a couple of questions:

1)  the menu bar and button uses a little too much of the limited screen real estate. Is there a way to change its size? I tried setting the height property to say 35px but the button did not scale. This also left a gap between the drop down menus and the menu bar. I am using the BlackMetroTouch skin.
2) Also, can you suggest css to make the menu text a little bigger? It's a little small for touch on a smart phone.

Thanks.

Charles