Telerik Forums
UI for ASP.NET AJAX Forum
2 answers
181 views
I am using Detail Item Template for displaying some extra information on radgrid. I am also using rgSelectedRow css for highlighting selected row. I want to highlight the detail item row for the selected row as well. How can I do this? On the documentation in the following url it is mentioned that "Base row style (rgRow, rgAltRow) is applied according to the parent item’s current style.". But how can I apply some css for selected row's detail item?
http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/rows/detail-item-template#appearance-and-styling

I also want to keep a button for users to toggling between displaying detail item template row and not displaying. For achieving this I set the visibility of DetailTemplateItemDataCell object of GridDataItem on Grid Pre Render event. But if I set the visibility to false then the row border is vanished. How can I fix this two issues? I've attached a screenshot. Please help. Thanks in advance
Viktor Tachev
Telerik team
 answered on 15 Jun 2015
2 answers
88 views

I got this problem on a project I was unfortunate enough to inherit. I databind the imagegallery and set the page size to 10 (I got 16 images).Page 1 : 10 imagesPage 2: All the imagesThe images gallery is implemented on multiple pages and as such need different width, height and page size. This is set via properties and they all have a default value./**/Thumbnail_RadImageGallery.ThumbnailsAreaSettings.Width = Width; (works fine)
 Thumbnail_RadImageGallery.ThumbnailsAreaSettings.Height = Height;(works fine)
 Thumbnail_RadImageGallery.PageSize = PageSize;/**/​Datasouce is Linq-sql into dataview./**/DataTable table = new DataTable(); table.Columns.Add("Title", typeof(string));
 table.Columns.Add("Description", typeof(string));
 table.Columns.Add("ImageData", typeof(string));
 table.Columns.Add("ToolTip", typeof(string));/**/​

Any suggestions?

If this problem cannot be solved quickly, we plan to skip using this imagegallery and use either Ajax or different.

Konstantin Dikov
Telerik team
 answered on 15 Jun 2015
4 answers
319 views

Hi,

I have seen that sets grid properties in PreRender and there is no Rebind but then others (eg. setting header text) that do require ReBind. What are the cases then that will require a call to Rebind for the properties to be set properly?

 

Why I ask: PreRender is so handy because I can handle all grid localization in one call, for both Programmatic and Declarative grids. Rebinding though causes selected rows to get lost so I cannot use that & the only options other than PreRender are to use a combination of Page_Load, ColumnCreated, ItemCreated, ItemDataBound to properly localize all grid items for Programmatic and Declarative grids.

Eyup
Telerik team
 answered on 15 Jun 2015
4 answers
137 views

I am having performance issues with a RadWindow containing a large number of controls and two charts across several tabs.  Initial load is very slow, navigation is acceptable but not ideal.  Additionally, restoring from maximized takes way too long.

Link to sample application demonstrating the problem:  removed due to Telerik End User License Agreement for UI for ASP.NET AJAX violation.

Due to an organizational requirement & legacy applications this solution must be run in IE 10.   

Additional information:  Latest version of Telerik.Web.UI, Visual Studio 2012, IE 10.0.9200.17357

Steps to reproduce:

1) Run the solution without debugging to maximize performace

2) Click the button to launch the RadWindow

3) Note the performance between when the page renders and when it becomes navigable.

4) Maximize the RadWindow - slow but acceptable

5) Restore the RadWindow - completely unacceptable

 

I do not know what I can do to make this better and am open to any and all suggestions to do so, including areas outside of the RadWindow itself (web config, master page, etc).  As you can see in the code I have tried RadInputManager as recommended in the documentation and RadMultiPage.RenderSelectedPageOnly (with conditional binding in the code behind) to see if that would improve anything (it did not).   

Please help!

Blair Davies

Danail Vasilev
Telerik team
 answered on 15 Jun 2015
1 answer
112 views

Hi,

Is it possible to use the arrow keys on a keyboard to do a yahoo style scrolling on the radgrid when there is already a scroll bar implemented on the main page?

 

for instance:

 

main page needs a scroll bar because of the size.

rad grid will need a scroll bar

auto scrolling is set to true

page posts back during scrolling with mouse

must be able to use arrow keys for scrolling

 

Even in the examples on your pages I have noticed that you cant use the arrow keys with the scroll bars.  Is this the norm or am i missing something?

 

thanks

daren

 

 

Konstantin Dikov
Telerik team
 answered on 15 Jun 2015
1 answer
518 views

I am trying to format a date column to MM/dd/yyyy but reguardless of what formatting I attempt it continues to return M/d/yyyy hh:mm:ss AM.

On load of the page I set the ObjetDataSource and convert to a datatable

public static DataTable LoadGrid()
        {
            using (Model.Entities db = new Model.Entities())
            {
                List<Model.FileDetailViewNew> fileView = (from filing in db.FileDetailViewNews
                                                          select filing).ToList();
 
                DataTable table = ToDataTable(fileView);
                return table;
            }
 
        }
 
        private static DataTable ToDataTable<T>(List<T> items)
        {
            DataTable dataTable = new DataTable(typeof(T).Name);
 
            //Get all the properties
            PropertyInfo[] Props = typeof(T).GetProperties(BindingFlags.Public | BindingFlags.Instance);
            foreach (PropertyInfo prop in Props)
            {
                //Setting column names as Property names
                dataTable.Columns.Add(prop.Name);
            }
            foreach (T item in items)
            {
                var values = new object[Props.Length];
                for (int i = 0; i < Props.Length; i++)
                {
                    //inserting property values to datatable rows
                    values[i] = Props[i].GetValue(item, null);
                }
                dataTable.Rows.Add(values);
            }
            //put a breakpoint here and check datatable
            return dataTable;
        }
 

 I then on the page set the grid to the datasource

<asp:ObjectDataSource ID="ObjectDataSource1" runat="server" TypeName="AllFilings" SelectMethod="LoadGrid"></asp:ObjectDataSource>
 
                                <div id="load" style="display: none; color: Red">
                                    <b> Updating filing status please wait...</b>
                                </div>
                                <div id="status" style="color: Red">
                                </div>
                                <telerik:RadGrid ID="gridFilings" runat="server" PageSize="20" AllowPaging="True" AllowSorting="True"
                                    AutoGenerateColumns="False" EnableAJAX="True" DataSourceID="ObjectDataSource1"
                                    EnableAJAXLoadingTemplate="True" GridLines="None" LoadingTemplateTransparency="50" EnableLinqExpressions="false"
                                    ShowStatusBar="True" Skin="Outlook" Width="98%" ShowGroupPanel="True">
                                    <ClientSettings AllowDragToGroup="True">
                                        <Selecting AllowRowSelect="True" />
                                    </ClientSettings>
                                    <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>
                                    <MasterTableView DataKeyNames="FileID" DataSourceID="ObjectDataSource1" AllowCustomSorting="true">
 

 and then on the grid item

 

<telerik:GridTemplateColumn DataField="DateIn" HeaderText="Date In" SortExpression="DateIn"                                                UniqueName="DateIn" GroupByExpression="DateIn Group By DateIn">
         <ItemTemplate>
                 <%# Eval("DateIn","{0:yyyy MMMM/dd}")%>
         </ItemTemplate>
         <HeaderStyle CssClass="headerLeft" />
</telerik:GridTemplateColumn>

 I have tried  numerous different formatting styles with no success.  I have also tried to change it to a DateTimeColumn and format it there and it stiil continues to show  for example 6/4/2014 12:00:00 AM

 

 

 

Kostadin
Telerik team
 answered on 15 Jun 2015
2 answers
408 views

Hi 

 

I have incorporated a RadHtmlChart on my application and have all the data binding and series set up done client side. The chart displays and has the required functionality except for one thing:

The first time I click on a legend item nothing happens. After this any subsequent clicks have the desired outcome i.e. the series' and legend item's visibility changes. I am not sure why the initial click does not perform these default functions but the 2nd, 3rd, etc clicks do. Can you help? Is there an initialisation I am missing that is triggered by the first click? Is there an extra bind/refresh/redraw needed?

 I appreciate there is no code listed but I'm hoping this is a generic question that someone can help me with.

 

Thanks

Michael

Danail Vasilev
Telerik team
 answered on 15 Jun 2015
25 answers
1.1K+ views
I am having trouble modifying files via RadFileExplorer. 

I can see my trees and I can upload files no problem. However, I cannot delete files or folders and I cannot rename files or folders. 

Whenever I try a delete or rename operation on a file, I get this popup:
The selected file could not be deleted because the application did not have enough permissions.

When I try to create a new folder, I get this popup:
The selected folder could not be created because the application did not have enough permissions.

I have granted the ASP.NET user full rights to the folders and files in question. I can see that the ASP.NET user is the owner of the files I am uploading, so that should be the right user. That didn't work, so I explicitly granted full rights to myself and Everyone just to see if that would fix it... no luck.

My environment is IIS 5 on XP SP3. My ASP.NET application is setup to use Windows authentication.

This is clearly a security issue, but I don't see what I am missing. Please advise.

Thanks - Jeff




Antony
Top achievements
Rank 1
Iron
 answered on 15 Jun 2015
4 answers
191 views
I have followed all the posts I can find, looked at the Demo's online and tried some of them synergetically. Here is where I am at.

I have a RadGrid "Prometheus" running in a DNN module on the 3.5 framework using the OnNeedDataSource event.

The grid is using AJAX, a RadLoadingPanel, and a RadAjaxManager to handle all the AJAX events.

I am also using the RadGrid Reporting Functionalities but not within the Pager - they are image buttons on the page.

I included the two panels, one asp:panel one telerik:RadAjaxPanel and set the asp:panel's default button but that doesn't seem to work for me. So here is my code:

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
<script type="text/javascript"
     
    function OnRequestStart(sender, args) 
    { 
                 
        args.set_enableAjax(true); 
     
    } 
     
    function OnResponseEnd(sender, args) 
    { 
         
        args.set_enableAjax(false); 
         
    } 
     
</script> 
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
    <AjaxSettings> 
        <telerik:AjaxSetting AjaxControlID="radGrid"
            <UpdatedControls> 
                <telerik:AjaxUpdatedControl ControlID="radGrid" LoadingPanelID="alpGrid" /> 
            </UpdatedControls> 
        </telerik:AjaxSetting> 
    </AjaxSettings> 
    <ClientEvents OnRequestStart="OnRequestStart" OnResponseEnd="OnResponseEnd" /> 
</telerik:RadAjaxManager> 
<telerik:RadAjaxPanel ID="radPanel" runat="server" ClientEvents-OnRequestStart="OnResponseEnd" ClientEvents-OnResponseEnd="OnRequestStart"
    <asp:ImageButton ID="cmdExportToExcel" Style="cursor: pointer;" ImageUrl="~/DesktopModules/Slideshow/Images/excel-tips-tricks.png" 
        AlternateText="Export to Excel" runat="server"  
        onclick="cmdExportToExcel_Click"></asp:ImageButton> 
    <asp:ImageButton ID="cmdExportToWord" Style="cursor: pointer;" ImageUrl="~/DesktopModules/Slideshow/Images/word-tips-tricks.png" 
        AlternateText="Export to Word" runat="server"  
        onclick="cmdExportToWord_Click"></asp:ImageButton> 
    <asp:ImageButton ID="cmdExportToPdf" Style="cursor: pointer;" ImageUrl="~/DesktopModules/Slideshow/Images/pdf_icon.gif" Width="35px" 
        AlternateText="Export to Pdf" runat="server"  
        onclick="cmdExportToPdf_Click"></asp:ImageButton> 
    <asp:Label ID="lblExport" runat="server" /> 
</telerik:RadAjaxPanel> 
<telerik:RadAjaxLoadingPanel ID="alpGrid" runat="server" Transparency="30"
     <asp:Image ID="Image1" ImageUrl="~/DesktopModules/Slideshow/images/loading.gif" AlternateText="Loading. Please wait..." BorderWidth="0px" runat="server"></asp:Image> 
</telerik:RadAjaxLoadingPanel> 

By setting the javascript args this way, I know that the grid will behavior will exhibit AJAX functionality.

What I would like to do is use the JavaScript to disable the AJAX and produce the needed result. In this scenario if I had only one button (Excel, Pdf, or Word) everything would work fine and I wouldn't be writing this post. So here is the crux of the issue.

No matter which button I press first - the page will attempt to export that type.
so if I click excel it works. Then I decide to click pdf - it exports excel again.

If I simply change the sorting on the radGrid, then click pdf it works normally again. Then I decide to export Word. It once again attempts to export pdf.

And so on...

Obviously, there is something that is storing the export type here... I am thinking that its somewhere in the DOM. Where is it stored, and can I reset or clear it using a JavaScript function?

Thanks In Advance!

John
Allen
Top achievements
Rank 2
Iron
Veteran
 answered on 14 Jun 2015
9 answers
212 views
I have the following css file for my slider :
/* RadSlider for ASP.NET AJAX Default Skin */
  
.RadSlider .rslTrack
{
    border-color:#b9b9b9 #939393 #939393 #b9b9b9;
    height:400px;
  
  
}
  
.RadSlider .rslHorizontal a.rslHandle
{
    background-image:url('Slider/Handles.gif');
          
}
  
.RadSlider .rslHorizontal a.rslDraghandle
{
    background-image:url('Slider/DragHandle.gif');
          
}
  
.RadSlider .rslTop a.rslDraghandle
{
    background-image:url('Slider/DragHandleDown.gif');
          
}
  
.RadSlider .rslHorizontal .rslTrack
{
    background:url('Slider/TrackBgr.gif') repeat-x;
      
}
  
.RadSlider .rslHorizontal .rslSelectedregion
{
    background:url('Slider/SelectedRegionHorizontalBgr.gif') right top no-repeat;
          
}
  
/* vertical slider */
.RadSlider .rslVertical
  
}
  
.RadSlider .rslVertical a.rslHandle
{
  
    background-image:url('Slider/HandlesVertical.gif');
}
  
.RadSlider .rslVertical .rslTrack
{
    height:500px;
   
    background: url('Slider/TrackVerticalBgr.gif') repeat-y ;
      
}
  
.RadSlider .rslVertical .rslSelectedregion
{
   height:100px;
    background:url('Slider/SelectedRegionVerticalBgr.gif') left bottom no-repeat;
}
  
.RadSlider .rslVertical a.rslDraghandle
{
     
    background:url('Slider/DragVerticalHandle.gif') no-repeat;
}
  
.RadSlider .rslLeft a.rslDraghandle
{   
    background:url('Slider/DragVerticalHandleRight.gif') no-repeat;
}
  
.RadSlider .rslItem,
.RadSlider .rslLargeTick span
{   
    color:#333;
      
}
  
.RadSlider .rslItemsWrapper .rslItemSelected
{   
    color:#000;
}
  
/* horizontal slider items */
.RadSlider .rslHorizontal .rslItem
{   
    background-image:url('Slider/ItemHorizontalBgr.gif');
}
  
/* vertical slider items */
.RadSlider .rslVertical .rslItem
{
      
    background-image:url('Slider/ItemVerticalBgr.gif');
}
  
/* horizontal slider - TrackPosition=Top/Bottom */
.RadSlider .rslTop .rslSmallTick,
.RadSlider .rslBottom .rslSmallTick
{   
    background-image:url('Slider/SmallChangeHorizontal.gif');
}
  
.RadSlider .rslTop .rslLargeTick,
.RadSlider .rslBottom .rslLargeTick
{   
    background-image:url('Slider/LargeChangeHorizontal.gif');
}
  
/* vertical slider - TrackPosition=Left/Right */
.RadSlider .rslLeft .rslSmallTick,
.RadSlider .rslRight .rslSmallTick
    background-image:url('Slider/SmallChangeVertical.gif');
}
  
.RadSlider .rslLeft .rslLargeTick,
.RadSlider .rslRight .rslLargeTick 
{   
    background-image:url('Slider/LargelChangeVertical.gif');
}
  
/* horizontal slider - TrackPosition=Center */
.RadSlider .rslMiddle .rslSmallTick
{   
    background-image:url('Slider/SmallChangeMiddleHorizontal.gif');
}
  
.RadSlider .rslMiddle .rslLargeTick  
{   
    background-image:url('Slider/LargeChangeMiddleHorizontal.gif');
}
  
/* vertical slider - TrackPosition=Center */
.RadSlider .rslCenter .rslSmallTick
{   
    background-image:url('Slider/SmallChangeCenterVertical.gif');
}
  
.RadSlider .rslCenter .rslLargeTick
{   
    background-image:url('Slider/LargelChangeCenterVertical.gif');
}
  
  
 DIV.RadSlider .rslTrack {
  
  
    WIDTH: 500px;
  
}


How can i change it's height?i tried to add height:500px; in several places but nothing worked
Sajad
Top achievements
Rank 1
 answered on 14 Jun 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?