I am struggling with styling menus in my web application.  I have a vertical menu on the left side of the screen that is the main navigation menu for the site.  Within modules of the web app, I repeat some of the submenus as a horizontal tab strip across the top of the page.  (But still using the RadMenu control here.)  

See file attachment.

I would like to force the styles of the top horizontal menu to match the styles of the corresponding flyout menus on the vertical menu.  But they do not seem to want to do this since they are at different levels.  Is this possible?

Thanks in advance for any help.
Steve

Hi,
Iam using Keyboard Navigation in my grid.Iam using Office2007 Skin for my grid and i have created my grid at runtime.

Now when i use keyboard navigation using  up down arrow key.The gird selection is moving to next cell but the back color is in Light blue .I want to change the selection back color to some other dark color.
Kindly refer the attached image.

I have tried all this styles to change the back color but northing works

.RadGrid_Office2007 .SelectedItem
 {
  background-image: url(img/SelectedRow.gif);
  background-repeat: no-repeat;
  background-position: top right;
    background-color: Green !important; 
     background: Green 0 -3900px repeat-x url('Grid/sprite.gif') !important;
 }
  .RadGrid_Office2007  .rgSelectedRow  
    {  
        background: Green 0 -3900px repeat-x url('Grid/sprite.gif') !important; 
    color:#fff; 
    }  
 .RadGrid_Office2007 .SelectedStyle
 
{ 
    background-color: Green !important; 
} 

<%--.RadGrid td.rgSelectedCell
{
    background: #141414 !important;
     background-image: none;
}

.RadGrid .rgSelectedRow td
 {
   background-color: #141414 !important;
    background-image: none;
 }
 .RadGrid_Default th.rgHeader
 {
   background-image: none;
   background-color: Blue !important;
 } 

  .SelectedItem
    {
      background-color: Green !important;
    }

 .RadGrid .GridRowSelector_Default
    {
         background-image: none;
 
        background-color: Green !important;
    }
    .RadGrid .ActiveRow_Default td
    {
        background-image: none;
 
        background-color: Green !important;
    }
--%>

In Code behind i create grid like this
 grid.AutoGenerateColumns = false; // set the auto genrated columns as false
        grid.Skin = "Office2007";// set the Skin
        grid.AllowMultiRowSelection = true;//set the multirow selection as true or false     
 grid.ClientSettings.Selecting.CellSelectionMode = GridCellSelectionMode.MultiCell;
        grid.ClientSettings.Selecting.EnableDragToSelectRows = false;
        grid.ClientSettings.AllowKeyboardNavigation = true;
        grid.ClientSettings.KeyboardNavigationSettings.EnableKeyboardShortcuts = true;
        grid.ClientSettings.KeyboardNavigationSettings.AllowActiveRowCycle = true;

I got a grid with with a template column whose DataType property is set to System.Boolean and DataField property set to a bool field in the datasource. 


I want to have a dropdown to filter it, i am following the tutorials at http://tv.telerik.com/watch/aspnet/radgrid/radgrid-for-aspnet-filtering-with-dropdown-for-checkbox-column and http://www.telerik.com/help/aspnet-ajax/grid-filtering-for-gridchecboxcolumn.html

so in my code behind i have

It just does not work, it renders and even submits when an option is chosen from the dropdown but it does not filter. and i am unable to figure out why.

anyone?
thanks

Hi, 

I have created web application with grid in Telerik.Web.UI_2012_3_1016_Dev, but after I installed latest Telerik.Web.UI_2013_2_611_Dev, where I uploaded DLLs into my solution, in my grid disappeared all headers for my columns... 

I wasn't changing web.config or any other changes... 

Did I miss something ? Do you have any idea what could go wrong ?

Thanks for any help,

Peter

PS: I also have noticed that some of my controls with overriden skin css values have moved by several pixels... Are there any known issues I should be awared that will mess up my UI before I update production environment by the newest telerik controls ?

before 2013Q2,Grid header is this(snap1):

up to Q3,Header became so(snap2):

Q3sp1 Is the same.

Hi,

I have created a basic asp.net application with below code:

<telerik:RadAsyncUpload runat="server" ID="AsyncUpload1" ChunkSize="1048576" />

When I run the application, files are getting uploaded to the app_data folder for IE\Chrome.

However, for safari the uploaded file is not having the valid file extension and sometimes it's not uploading the files.

There is no code added in cs file and the config file contains below configuration:

<system.webServer>

<security>

<requestFiltering>

<requestLimits maxAllowedContentLength="2199023255"/>

<fileExtensions allowUnlisted="true"/>

</requestFiltering>

</security>

<handlers>

<add path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI" name="Telerik.Web.UI.WebResource"/>

</handlers>

<directoryBrowse enabled="true"/>

</system.webServer>

Any pointers will be appreciated.

Thanks.

Hello,

I would like to have a multi-level RadPanelBar with the following behavior:

a) Use 100% of the height (and thereforre display empty space between the last child item and the next sibling item).

b) Always have exactly one item expanded in level 0.

c) Always have all the direct and indirect child nodes expanded below the level-0 item that is expanded.



It seems that there are contradicting settings that would be required. If I use ExpandMode="FullExpandedItem", then I can achieve requirements a) and b), but not c). If I use ExpandMode="MultipleExpandedItems", then I can achieve requirements b) (with some client--side coding) and c), but nott a).



Your assistance would be appreciated.



Thanks,



Michel

Hi there

I am trying to set the image manager paths, in an editor, in a template column of a radgrid from code behind like this:

Protected Sub RadGrid1_ItemDataBound(ByVal sender As Object, ByVal e As GridItemEventArgs)
        If TypeOf e.Item Is GridEditableItem And e.Item.IsInEditMode Then
            Dim editor1 As RadEditor = e.Item.FindControl("Radeditor1")
            Dim UserId As String

            UserId = Membership.GetUser().ProviderUserKey.ToString()

            editor1.ImageManager.ViewPaths = New String() {"~/images/users/" + UserId + "/uploads"}
            editor1.ImageManager.DeletePaths = New String() {"~/images/users/" + UserId + "/uploads"}
            editor1.ImageManager.UploadPaths = New String() {"~/images/users/" + UserId + "/uploads"}
            editor1.ImageManager.EnableAsyncUpload = True
            editor1.ImageManager.SearchPatterns = New String() {"*.jpeg", "*.jpg", "*.bmp", "*.gif", "*.png"}
        End If

    End Sub


Please could someone tell me what am I doing wrong here

Hi,
I want show GridImage Cell when user Selected a Row and i want to Hide when user Un-Select the Row using JavaScript

 function grid_RowSelected(sender, args)
{
sender.get_masterTableView().showColumn(2);
}

But above method Shows or Hide the Column in Whole Radgrid. But I just want to Show/Hide User Select Row Cell/Column only

Thanks In Advance

am attaching Screen shot...

in that Screen shot .How to change highlight Font Color
that he lighting line was using GridGroupByField ..

am using below code 


am using This Way ..
protected void rgMyFile_ItemCreated(object sender, GridItemEventArgs e)
    {
        if (e.Item is GridGroupHeaderItem)
        {
         
            (e.Item as GridGroupHeaderItem).Font.Size = FontUnit.Point(30);
            (e.Item as GridGroupHeaderItem).Font.Bold = true;
        }
    }
but its Not Working
protected void rgMyFile_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)
    {

if (e.Item is GridGroupHeaderItem)
        {
            GridGroupHeaderItem item = e.Item as GridGroupHeaderItem;
             e.Item.Font.Size = FontUnit.Point(430);
            e.Item.Font.Bold = true;
            e.Item.CssClass = "rgGroupHeader";
        }
}

 <telerik:RadGrid ID="rgMyFile" runat="server"  ShowGroupPanel="false" AutoGenerateColumns="False" DataSourceID="odsMyFile" GridLines="None" EnableEmbeddedSkins="true"  Skin="Default" OnItemDataBound="rgMyFile_ItemDataBound"   OnItemCreated="rgMyFile_ItemCreated" ShowStatusBar="True" >
        <MasterTableView DataSourceID="odsMyFile"  ShowHeader="False">
               <GroupByExpressions>
                    <telerik:GridGroupByExpression>
                        <SelectFields>
                            <telerik:GridGroupByField FieldAlias="SessionName" FieldName="SessionName" FormatString="{0:s}"
                                HeaderValueSeparator=" : " HeaderText=""></telerik:GridGroupByField>
                                 <telerik:GridGroupByField
            FieldName="CourseName"
            HeaderText="Course Name" FieldAlias="CourseName" FormatString=""/>
                        </SelectFields>
                        <GroupByFields>
                            <telerik:GridGroupByField FieldName="SessionName" SortOrder="Descending" FieldAlias="SessionName" FormatString="" HeaderText=""></telerik:GridGroupByField>
                        </GroupByFields>
                    </telerik:GridGroupByExpression>
                   
                </GroupByExpressions>
               
        <Columns >
                                    <telerik:GridTemplateColumn UniqueName="TemplateColumn" HeaderText="File Name">
                                        <ItemTemplate>
                                            <asp:ImageButton ID="imgbtn" runat="server" Width="20px" Height="20px" Enabled="false" />
                                                <asp:Label ID="fileType" runat="server" Text='<%#Eval("FileType") %>' ></asp:Label>
                                          </ItemTemplate>
                                    </telerik:GridTemplateColumn>
                                  
        </Columns>
        </MasterTableView>
      <GroupHeaderItemStyle CssClass ="rgGroupHeader" />
    </telerik:RadGrid>

using This way also not Working.
give me any solution