Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
167 views

Hi,

I am using RadFileExplorer in order to render files in specifed location.Now I need two more option: 

1. A search box on top where the user could type in a file's name and it could filter the grid to show the file name.

2. The properties of the files to be shown in the grid - created date, last modified, etc.
I would also look at creating a right-click view properties screen for checking out the various properties of a file.
Verison, size on disk, total size, created on, modified on, etc. === just like in Windows

DLL version I am using is 2014.2.618.40

 Any body can help me in this.

 

Vessy
Telerik team
 answered on 11 Jan 2016
2 answers
153 views

Hi,

 I m Using radwindowsmanager for displaying an edit window for Items in a radgrid 

when displayng it for the top items in the grid it's displayed very well when the items list in the grid exceeds the page boundaries and needs to scroll 

the edit window is displayed in the bottom of the page and the form for edit is not fully displayed although i force it to be maximized in show 

I need to display it from position 0 of the explorer 

 

thenks

Samir
Top achievements
Rank 1
 answered on 11 Jan 2016
3 answers
316 views

I have a page with 6 tabs.  In each tab is a RadGrid with a ContextMenu. 

I am enabling keyboard support for the page and successfully have the context menus opening with hotkey (Shift+F10) by capturing onkeydown in RadGrids.

But how do I detect (when menu is open) that the escape key has been pressed so I can call menu.close();

I tried attaching an onkeydown attribute handler to the menu but that didn't work.

Thanks,

Sean

Ivan Danchev
Telerik team
 answered on 11 Jan 2016
4 answers
393 views

Hi,

My page has 10 tiles (4 square, 4 wide and 2 custom sized), I need to arrange the 4 square one below another and in the next column 4 wide one below another, followed by 2 custom tiles in the next column (layout attached). I am not able to position the square tiles one below another, and I read few posts which says that 2 square tiles act as one wide. Is there a way I can achieve the desired layout as shown in the attachment, please let me know.

Thanks,

Rajesh

Rajesh
Top achievements
Rank 1
 answered on 11 Jan 2016
5 answers
251 views
Hi,
I am using SelfHierarchy within my RadGrid and would like to use ExportToExcel and ExportToWord functionality. But when I export to excel or word, I see command buttons and other data are exported as-well. For example I use below code to export rows collapsed.
protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e)
 {
     if (e.CommandName.Contains("Export"))
     {
         RadGrid theGrid = (RadGrid)source;
         theGrid.MasterTableView.HierarchyDefaultExpanded = false;
     }
 }
Excel is OK but Word is totally messed. I see buttons and details tables are exported too.
Petya
Telerik team
 answered on 11 Jan 2016
3 answers
135 views

Hi Team,

I am using Rad Grid in my project. I want to expand row template on click of row from client side. The code runs fine but when I put ASP .Net Update panel, code stops running after page postback. Below is my code. I am implementing this under DNN site.

 

Update panel code:

<asp:UpdatePanel ID="updOnlinePaymentHistory" runat="server">
        <ContentTemplate>

               ..........

</ContentTemplate>
    </asp:UpdatePanel>

 javascript function:

function RowClick(sender, args) {
              var item = args.get_item();
              var lastState = item.get_expanded();
              var Grid = $find("<%= gridPayment.ClientID %>");
              var MasterTable = Grid.get_masterTableView();
              for (var i = 0; i < MasterTable.get_dataItems().length; i++) {
                var row = MasterTable.get_dataItems()[i];
                row.set_expanded(false);
              }
              item.set_expanded(!lastState);

        }

 

HTML defining Rad Grid:

<telerik:RadGrid ID="gridPayment" 
                                AllowPaging="true" 
                                PageSize="24" 
                                runat="server" 
                                AllowSorting="true" 
                                CellSpacing="0" 
                                GridLines="Horizontal" 
                                CssClass="table-responsive"
                                OnItemDataBound="grdPayment_ItemDataBound" 
                                OnPageIndexChanged="gridPayment_PageIndexChanged" 
                                EnableGroupsExpandAll="false" 
                                RegisterWithScriptManager="False">

 

                                   <!-- column and template code here -->

 

                                 <ClientSettings>
                                    <ClientEvents OnRowClick="RowClick" />
                                </ClientSettings>

                     </telerik:RadGrid>

 

When I load page, row expand works fine. but after postback of page, it stops working.

 

Can you please help me out on this.

 

Chirag Khunti

 

Maria Ilieva
Telerik team
 answered on 11 Jan 2016
12 answers
371 views

Hi,

I am having major problems with the RadEditor control.
What makes this particularly troublesome is that it works in IE11
but not Chrome.

I have a RadEditor which is embedded within an asp:ListView control (see below) whic in turn, is embedded into ans ascx user control.


The general idea is that the code behind hides and shows different controls in the ListView rows according to the configuration of a property panel.

When the user makes a selection on the page, the user control is made visible and the asp:ListView below is updated with a new DataBind().

<asp:ListView ID="lveProperties" runat="server"
OnItemDataBound="lveProperties_ItemDataBound">


        <ItemTemplate>





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


                <div class="row">


                    <asp:Literal ID="litBannerSpacer1"
runat="server" Text="<br />"
Visible="false"></asp:Literal>


                    <div class="<%=col1Width%>
coursenames">


                        <asp:Label ID="lblPropertyName"
runat="server"></asp:Label>


                    </div>


                    <div class="<%=col2Width%>
coursenames">


                        <asp:CheckBox ID="chkCheck"
runat="server" Visible="False"></asp:CheckBox>


                        <telerik:RadTextBox ID="txtText"
runat="server" Visible="false"></telerik:RadTextBox>


                        <telerik:RadNumericTextBox ID="txtNumber"
runat="server" Type="Number"
Visible="false"></telerik:RadNumericTextBox>


                        <telerik:RadComboBox ID="ddlList"
runat="server" Visible="false"
MaxHeight="200"></telerik:RadComboBox>


                        <telerik:RadDatePicker ID="dpDate"
runat="server" Visible="false"
MinDate="1900/01/01"></telerik:RadDatePicker>


                        <telerik:RadEditor ID="txtNText"
runat="server" Visible="false" EditModes="Design,Html"
NewLineMode="Br">


                            <CssFiles>


                                <telerik:EditorCssFile
Value="/Styles/RadEditorContentAreaStyles.css" />


                            </CssFiles>


                            <Languages>


                                <telerik:SpellCheckerLanguage
Code="en-US" Title="English (US)" />


                                <telerik:SpellCheckerLanguage
Code="fr-FR" Title="French" />


                                <telerik:SpellCheckerLanguage
Code="de-DE" Title="German" />


                            </Languages>


                            <Tools>


                                <telerik:EditorToolGroup>


                                    <telerik:EditorTool
Name="Cut" />


                                    <telerik:EditorTool
Name="Copy" ShortCut="CTRL+C" />


                                    <telerik:EditorTool
Name="Paste" ShortCut="CTRL+V" />


                                    <telerik:EditorSeparator
Visible="true" />


                                    <telerik:EditorTool
Name="Undo" />


                                    <telerik:EditorTool
Name="Redo" />


                                </telerik:EditorToolGroup>


                                <telerik:EditorToolGroup>


                                    <telerik:EditorTool
Name="Bold" />


                                    <telerik:EditorTool
Name="Underline" />


                                    <telerik:EditorTool
Name="Italic" />


                                    <telerik:EditorTool
Name="StrikeThrough" />


                                    <telerik:EditorSeparator
Visible="true" />


                                    <telerik:EditorTool
Name="JustifyLeft" />


                                    <telerik:EditorTool
Name="JustifyCenter" />


                                    <telerik:EditorTool
Name="JustifyRight" />


                                    <telerik:EditorSeparator
Visible="true" />


                                    <telerik:EditorTool
Name="InsertOrderedList" />


                                    <telerik:EditorTool
Name="InsertUnorderedList" />


                                    <telerik:EditorSeparator
Visible="true" />


                                    <telerik:EditorTool
Name="Indent" />


                                    <telerik:EditorTool
Name="Outdent" />


                                </telerik:EditorToolGroup>


                                <telerik:EditorToolGroup>


                                    <telerik:EditorTool
Name="ForeColor" />


                                    <telerik:EditorTool
Name="BackColor" />


                                    <telerik:EditorTool
Name="InsertTable" />


                                </telerik:EditorToolGroup>


                                <telerik:EditorToolGroup>


                                    <telerik:EditorTool
Name="FontName" />


                                    <telerik:EditorTool
Name="RealFontSize" />


                                </telerik:EditorToolGroup>


                                <telerik:EditorToolGroup>


                                    <telerik:EditorTool
Name="AjaxSpellCheck" />


                                </telerik:EditorToolGroup>


                            </Tools>


                        </telerik:RadEditor>


                    </div>


                    <asp:Literal ID="litBannerSpacer2"
runat="server" Text="<br /><br />"
Visible="false"></asp:Literal>


                </div>


            </asp:Panel>





Part of this process sets the RadEditor properties:





                        txtNText.Visible = true;


                        txtNText.Width =
Unit.Parse(property.ControlWidth);        // eg "100%"


                        txtNText.Height =
Unit.Parse(property.ControlHeight);      // eg "300"


                        txtNText.MaxTextLength = property.MaxLength;


                        currentValue = GetZoneProperty(0,
languageId, property.PropertyName);


                        if (currentValue == "") currentValue =
defaultValue;


                        txtNText.Content = currentValue;


                        txtNText.Enabled = enabled;





                        // Spell checking


                        txtNText.SpellCheckSettings.AllowAddCustom =
true;



txtNText.SpellCheckSettings.SpellCheckProvider =
SpellCheckProvider.PhoneticProvider;





In IE11, when the RadEditor appears with text populated, it is
correct, however in Chrome, is appears with a single line (see image
attachment).





While debugging the DOM in both IE11 and Chrome, I note that the
iframe is only a few pixels high. IE11 seems to ignore this whereas
Chrome doesn't. I tried various ways, including all of those on the
Telerik forums to 'get' the iframe and set its height, but for some
reason, none of them worked. The Chrome DOM showed this:





<td
id="ctl00_ContentPlaceHolder_ctlZonePropertyPanel_lveProperties_ctrl1_txtNTextCenter"
class="reContentCell" style="height:100%;">


    <label
for="ctl00_ContentPlaceHolder_ctlZonePropertyPanel_lveProperties_ctrl1_txtNTextContentHiddenTextarea"
style="display:none;">RadEditor hidden textarea</label>


    <textarea
id="ctl00_ContentPlaceHolder_ctlZonePropertyPanel_lveProperties_ctrl1_txtNTextContentHiddenTextarea"
name="ctl00$ContentPlaceHolder$ctlZonePropertyPanel$lveProperties$ctrl1$txtNText"
rows="4" cols="20" style="display:none;">%3cp
style%3d%22text-align%3a center%3b%22%3e%3cspan style%3d%22color%3a
%23002060%3b font-size%3a 18px%3b%22%3eWelcome to the Bushfire
Safety Package


%3c/span%3e%3c/p%3e


%3cp%3e


%3cspan style%3d%22color%3a %23002060%3b%22%3eLorem ipsum
dolor.....</textarea>


    <iframe frameborder="0"
src="javascript:'<html></html>';"
id="ctl00_ContentPlaceHolder_ctlZonePropertyPanel_lveProperties_ctrl1_txtNText_contentIframe"
title="Rich text editor with ID
ctl00_ContentPlaceHolder_ctlZonePropertyPanel_lveProperties_ctrl1_txtNText"
style="width: 100%; height: 35px; margin: 0px; padding:
0px;">Your browser does not support inline frames or is currently
configured not to display inline frames.</iframe>


</td>





My RadEditor control is called txtNText so quite how the name has been changed to ...textNTextCenter I don't know.

Even using document.getElementById on ''ctl00_ContentPlaceHolder_ctlZonePropertyPanel_lveProperties_ctrl1_txtNText_contentIframe"
did not find the iframe - how can this be ? All the sample solutions eg:

var editorIframe = $get(editorClientID).getElementsByTagName('iframe')[0];
editorIframe.style.height = '100%';

$('#' + editorClientID).setSize('100%','300px');

Failed to find the iframe.

How can I fix this please ?

Better still, can we have a JavaScript API added to the RadEditor which can be called which just 'works' and fixes this ?

Thankyou

 

PS: Why does pasting into this editor cut all my lines in half and why does it insert a blank line between every line ? This is a nuisance!

Marin Bratanov
Telerik team
 answered on 11 Jan 2016
1 answer
106 views
is there any sample available anywhere in this world that works telerik grids in sharepoint provider hosted app deployed to azure app service?
Pavlina
Telerik team
 answered on 11 Jan 2016
3 answers
235 views

I've seen this snippet of code on the forums which supposedly moves the gantt view to the current date:

 this.RadGantt1.ScrollingService.ScrollToDateTime(DateTime.Today);

Unfortunately it seems to be deprecated and I can't find a suitable option in the help (or in the control methods).

Any help would be appreciated.

 

thanks.

Bozhidar
Telerik team
 answered on 11 Jan 2016
3 answers
154 views
hi.
can you help me to set a tooltip to htmlchart item with radtooltipmanager?
i need the id of items to set to radtooltipmanager:
RadToolTipManager.TargetControls.Add(ID,"", true);

thanks.
Marin Bratanov
Telerik team
 answered on 11 Jan 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?