Questions on UI for ASP.NET AJAX Forum

1 answer

69 views

Hello guys,

I tested the RadEditor for SharePoint in my SharePoint farm. After installation, I have only one toolbar, with a few tools. For my request not enougth. I downloaded the full set of Tools on this website: http://www.telerik.com/support/kb/details/default-toolsfile-xml-file-of-radeditor-for-asp-net-ajax

All works fine, but all drop-down-tools can´t show any options (see attachment).

I read the documentation and searched for errors in the configfiles, without results.

WebParts for SharePoint

answered on 16 Sep 2014

1 answer

144 views

Automatically Sized Popup Forms

I had to struggle with this one a while, but I finally found a solution and I thought I would share it. I don't like fixed-width popup edit forms because they can really screw up on different systems, but the RadGrid automatically affixes a width=400px style if you don't specify one. I found a way to remove this and get the popup to center anyway.
(Forgive me for not showing this as code, but I haven't figured out how to do that yet.)

function PopUpShowing(sender, eventArgs) {
// Get the popup element
popUp = eventArgs.get_popUp();

// Remove the style attribute. This removes the 'width' attribute that RadGrid puts in automatically.
popUp.removeAttribute("style");

// Add the fixed position attribute back in. (Note: This has to be done before getting the size element)
popUp.style.position = "fixed";

// Get the main window size and the popup sizes
var viewportWidth = $(window).width();
var viewportHeight = $(window).height();
var popUpWidth = popUp.offsetWidth;
var popUpHeight = popUp.offsetHeight;

// Center the popup window to the main window
popUp.style.left = Math.floor((viewportWidth - popUpWidth) / 2) + "px";
popUp.style.top = Math.floor((viewportHeight - popUpHeight) / 2) + "px";
}

Grid

answered on 16 Sep 2014

3 answers

433 views

Automatic horizontal scroll on RadMenu when window is resized

Hi Telerik Forum.

How do I make the RadMenu automatically scroll when the page is resized and there is not enough room for the menu?
In my example I have a menu that changes depending on what page you are at, but the menu is also resized with the page.
When the menu contains too many root elements I would like the scroll bars to automatically appear if the user makes the page too narrow. My problem is, if I enable root scroll, the scroll bars does not appear if no width is set and the menu items are wrapped. See RadMenuWrap.gif.

If I do set a fixed size, then the menu is not resized with the page. I have tried to make a javascript onresize that resizes the RadMenu div and the child scroll div, but this does not work properly. The script looked like this:

    
            var oMenu = document.getElementById("RadMainMenu")  
        
            var oTD = document.getElementById("menutd");  
        
            var width = oTD.clientWidth;  
        
            oMenu.style.width = width;  
        
            var oScrollDiv = oMenu.firstChild;  
        
            oScrollDiv.style.width = width;

The menu did resize with the window, but it was like the menu never realized it had been resized and didn't reorder. I tried to call the menu's repaint() method, but still the same.

I know I could rearrange the menu items into sub menus but this is not an option, please let me know if you have a solution?

See the following basic example of a page with a menu to use as an example:

    
            <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> 
        
            <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml" > 
        
            <head id="Head1" runat="server">  
        
                <title></title>  
        
                <style type="text/css">  
        
                 .body, .html, .form   
        
                 {  
        
                   width: 100%;  
        
                   height: 100%;  
        
                 }  
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <h1> 
        
              <telerik:RadScriptManager Runat="server">  
        
              </telerik:RadScriptManager> 
        
                  Header</h1> 
        
                <table style="width:100%; height:100%">  
        
                  <tr> 
        
                    <td width="100%" id="menutd">  
        
                           <telerik:RadMenu ID="RadMainMenu" runat="server" Skin="Outlook" 
        
                              CollapseAnimation-Duration="10" 
        
                             CollapseDelay="10" CollapseAnimation-Type="None" Font-Bold="true" EnableAutoScroll="true" EnableRootItemScroll="true" width="200px">  
        
                             <CollapseAnimation Duration="10" Type="Linear" /> 
        
                               <Items> 
        
                                <telerik:RadMenuItem Text="Welcome" AccessKey="W">  
        
                                </telerik:RadMenuItem> 
        
                                <telerik:RadMenuItem Text="Documents" AccessKey="D">  
        
                                </telerik:RadMenuItem> 
        
                                <telerik:RadMenuItem Text="Maps" AccessKey="M">  
        
                                </telerik:RadMenuItem> 
        
                                <telerik:RadMenuItem Text="Import" AccessKey="I">  
        
                                </telerik:RadMenuItem> 
        
                                <telerik:RadMenuItem Text="Export" AccessKey="E">  
        
                                </telerik:RadMenuItem> 
        
                                <telerik:RadMenuItem Text="Tools" AccessKey="T">  
        
                                </telerik:RadMenuItem> 
        
                                <telerik:RadMenuItem Text="Login" AccessKey="L">  
        
                                </telerik:RadMenuItem> 
        
                            </Items> 
        
                           </telerik:RadMenu> 
        
                    </td> 
        
                    <td width="1" style="white-space:nowrap;"><input type="text" />&nbsp;<input type="button" value="Search" /></td>  
        
                  </tr> 
        
                  <tr> 
        
                  <td colspan="2">Main site content</td> 
        
                  </tr> 
        
                </table> 
        
                </form> 
        
            </body> 
        
            </html>

Regards Hans Milling

Menu

answered on 16 Sep 2014

1 answer

116 views

Changing filter options by column programmatically

I have a RadGrid that I am building dynamically from the Page_Init event in the code behind and was wondering if it is possible to change the displayed filter items by column?

Say I have two text fields that are bound I may want to have Contains and Does Not Contain displayed with the first column and Starts With for the second column. This will be based on a conditional switch within my code.

I understand how to filter the FilterMenu globally for all columns but need a column specific implementation. I have seen this ( http://www.telerik.com/forums/radgrid-reducing-the-filter-menu-options-by-column ) example which shows a JavaScript based solution but I don't think this will work for me as I building everything dynamically.

Phil

Grid

answered on 16 Sep 2014

1 answer

120 views

Image manager doesn't display the correct image width and height and Image manager doesn't display preview for non englsh file names

Hello,

1.
Image manager doesn't display the correct image width and height in the image editor.

Scenario to reproduce:
1. Add an image to the editor and set it's width and height.
2. Select the image and click in the toolbar on the image manager, click on the Properties tab, you can notice that the width and height are not correct.
correct width and height.

Image manager doesn't display preview for non English file names

Scenario to reproduce:
1. Add an image to the editor which the image name is not in English.
2. Select the image and click in the toolbar on the image manager, you can notice that the image is not display in the Preview.

Thanks,

Editor

answered on 16 Sep 2014

6 answers

193 views

Export data to PDF using RadGrid.

Hi,

I am using the radgrid control, and using an image button to export all data to PDF file displayed in the grid, and one of the columns in the grid contains hyperlinks, though that column is not a hyperlink column, the issue i am facing is while exporting the data, i need all the hyperlinks displayed as a common text like "Download" but in addition this text should be a clickable link when seen in the pdf document.

Any kind of help will be appreciated.

Thanks.

General Discussions

answered on 16 Sep 2014

4 answers

178 views

[Solved] Silk skin on Pager

Hi All,

Using the silk skin on a grid I notice that the page buttons use the grey style of hover. On radbuttons you can tell them to use the primary style (which ironically seems to be the secondary style as it is not default), which shows a nice blue highlight. Is there a way to get this blue highlight on the page buttons - it provides a nice uplift to an otherwise grey page.

Regards

Jon

Grid

answered on 16 Sep 2014

5 answers

221 views

Radgrid: slow horizontal scrolling in Mozilla Firefox

Hi,

In our project we have problems with slow horizontal scrolling in Mozilla Firefox. It can easily be reproduced on your demo site (with Firefox):

http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/scrolling/scrolling/defaultcs.aspx

Steps to reproduce:

1. Turn off "Enable\Disable Frozen Columns"
2. Make sure that Use static headers and footers are turned on
3. Click on horizontal scroll-bar just to the left of the right scroll arrow (just above the 2 in '91 items in 2 pages, when page size is 50)
4. Scroll thumb is heading toward mouse position but it is very slow

This issue doesn't occur on Chrome. Also everything works properly on Firefox when Frozen Columns are enabled or static headers and footers are disabled.

Our customers require to have static headers so it is not possible to turn them off.

Do you have a solution or workaround for this issue?

Grid

answered on 16 Sep 2014

1 answer

59 views

StyleSheetReference connection, IE8 and higher

Hi

thus loading CSS file in master page:

<inf:StyleSheetManager runat="server" ID="ssm1" CdnSettings-TelerikCdn="Disabled">

<StyleSheets >

<inf:StyleSheetReference Assembly="Data.Web" Name="Data.Web.Content.Styles.Style.css" />

</StyleSheets>

</inf:StyleSheetManager>

web.config:

<appSettings>

<add key="Telerik.Skin" value="newSkin"/>

<add key="Telerik.EnableEmbeddedSkins" value="false" />

</appSettings>

Firefox and Chrome are my everything behaves well. Functional styling.
bug occurs in IE, the page behaves as if no style retrieved.
bug is all version IE.
I need to work in IE 8 or higher, please advice.

ScriptManager and StyleSheetManager

answered on 16 Sep 2014

3 answers

176 views

RadMenu :: Am I able to apply RepeatColumns to a single element based on its size?

01.<telerik:RadMenu runat="server" Skin="Menu_New" ID="RadMainMenu" Style="z-index: 5" ExpandDelay="1000"

02. DataSourceID="SqlDataSourceMainMenu" DataFieldID="Id" DataFieldParentID="ParentId" DataTextField="Text"

03. EnableRoundedCorners="true" EnableEmbeddedSkins="false" EnableShadows="true"

04. OnItemDataBound="RadMainMenu_ItemDataBound" OnItemClick="RadMainMenu_ItemClick">

05.

06. <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>

07.

08. <DefaultGroupSettings RepeatColumns="3" RepeatDirection="Horizontal" />

09.

10.</telerik:RadMenu>

I added the "DefaultGroupSettings" line and yes, every menu option was now a 3 bar menu. However, I need to be able to apply this to the menu options that actually have more than "x" items in them.

Any help with this would be greatly appreciated.

Thanks,

Menu

answered on 16 Sep 2014