Questions on UI for ASP.NET AJAX Forum

1 answer

98 views

Hello Telerik team.

I'm using Radasynupload Telerik asp.net Q3 2012. When my page has vertical scroll, radasynupload overflow on page. It only happen in IE. I'm using WindowXP, IIS5
Here is my RadAsyncUpload declaration :

<telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" TemporaryFolder="TempUpload" InputSize="5" Width="30px"><br>

</telerik:RadAsyncUpload>

I use firebug to view style and I see this :

.RadUpload .ruStyled .ruFileInput

{

opacity: 0;

position: absolute;

z-index: 1;

}

How can I fix position RadAsyncUpload when scroll ?

Thanks for your helps.

Upload (Obsolete)

answered on 29 Aug 2013

2 answers

228 views

initiate load on demand

Hi

I have a radcombo with load on demand enabled. But at some point I want to load items on a button click. So can I initiate a load on demand from code?

Merin

ComboBox

answered on 29 Aug 2013

1 answer

47 views

Editor-flash manager missing rtl support for IE

Editor-flash manager missing rtl support for IE

you can see the problem in telerik's demo:

http://demos.telerik.com/aspnet-ajax/editor/examples/righttoleft/defaultcs.aspx

1. Click on the flash manager
2. Click on the upload button
3.*. You can see that first 3 inputs are cut in right corner
3.**. The file description in gray box are set in the opposite directions.

Thanks

Max file size allowed:

200.00 KB

Editor

answered on 29 Aug 2013

1 answer

91 views

Strange behaviour with gridHtmlEditor column

HI Guys

Can anyone help me with this strange unwanted feature...?

I am using the standard popup edit form with a RadEditor for one column and a gridHtmlEditor
for another, and entering content in design view. If I enter text content in the RadEditor content box, and use the hyperlink button to insert a link on some text, and then move to the gridHtmlEditor content box and enter some more text there, as soon as I enter the letter 'i' it opens the hyperlink dialog box instead of entering the letter! Basically cannot type anything in that box which contains the letter 'i'!

Has anyone encountered this and what was the fix?

Here is the declaration for the two columns in question:

<telerik:GridTemplateColumn DataField="Body" HeaderText="Body" SortExpression="Body" UniqueName="Body" Visible="False">

<EditItemTemplate>

<telerik:RadEditor ID="RadEditor1" runat="server" ExternalDialogsPath="~/EditorDialogs" Language="en-GB" Skin="Default" StripFormattingOnPaste="MSWordRemoveAll" Width="500px" StripFormattingOptions="MSWordRemoveAll" Content='<%# Bind("Body") %>' contentareabackgroundcolor="white" OnClientModeChange="OnClientModeChange">

<Links>

<telerik:EditorLink Name="COTN website homepage" Href="http://www.church-on-the-net.com" Target="_Blank" />

</Links>

<Content>

</Content>

<ImageManager ViewPaths="~/Images/weekly" UploadPaths="~/Images/weekly" DeletePaths="~/Images/weekly" MaxUploadFileSize="500000" SearchPatterns="*.png,*.jpg,*.gif" />

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" />

<telerik:EditorTool Name="Paste" />

<telerik:EditorTool Name="Bold" />

<telerik:EditorTool Name="Italic" />

<telerik:EditorTool Name="InsertUnorderedList" />

<telerik:EditorTool Name="Indent" />

<telerik:EditorTool Name="Outdent" />

<telerik:EditorSplitButton Name="ForeColor" Width="80px">

</telerik:EditorSplitButton>

<telerik:EditorTool Name="LinkManager" ShowText="True" Text="Insert hyperlink" />

<telerik:EditorTool Name="ImageManager" ShowText="True" Text="Insert image" />

</telerik:EditorToolGroup>

</Tools>

</telerik:RadEditor>

</EditItemTemplate>

<ItemTemplate></ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridHTMLEditorColumn UniqueName="Resources" SortExpression="Resources" HeaderText="Going deeper"

DataField="Resources" Visible="false" HeaderStyle-VerticalAlign="Top">

<HeaderStyle VerticalAlign="Top"></HeaderStyle>

<ItemStyle Width="500px"></ItemStyle>

</telerik:GridHTMLEditorColumn>

Browser was Chrome 29, Controls are Q32010, server iis 7.5 with asp.net 2.0 on this legacy site

Thanks for any pointers!

Clive

Grid

answered on 29 Aug 2013

1 answer

95 views

filter icon disapeared after resized the grid

After i resized the grid, the filter icon disapeared. Please refer to the PNGs

Grid

answered on 29 Aug 2013

5 answers

376 views

Scrolling problem with radSplitter

Hello,
I am trying to design a page that has a Header pane , a side menu pane , and a contents pane, using radSplitter.
See the folowing image to illustrate the desired result: Desired result

My problem is that the width\height of the contents pane exceeds the page limits, and are causing scroll bars to appear. Here is how it looks like: Result
(I have another minor question.. The oriantation peroperty behaves strange.. to get vertical oriantation I need to set it to Horizontal, and vice versa. See my code below)

I have simplified the code the the following:

    
            <%@ Page language="C#"%>   
        
            <%@ Register Assembly="Telerik.Web.UI, Version=2009.1.311.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
            <title>test</title>     
        
            <style type="text/css">  
        
                html,body,form{  
        
                height:100%;  
        
                width:100%;  
        
            }  
        
            </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        
                    <telerik:radSplitter runat="server" ID="mainSplitter" FullScreenMode="true" Orientation="Horizontal" BorderSize="0">  
        
                    <telerik:RadPane runat="server" ID="header" Height="120px">  
        
                        header  
        
                    </telerik:RadPane> 
        
                    <telerik:RadPane runat="server" ID="content">  
        
                        <telerik:RadSplitter Orientation="Vertical" runat="server" ID="InternalSplitter">  
        
                            <telerik:RadPane ID="ContentPane" runat="server">  
        
                                content  
        
                            </telerik:RadPane> 
        
                            <telerik:RadPane ID="SidePane" runat="server">  
        
                                side  
        
                            </telerik:RadPane> 
        
                        </telerik:RadSplitter> 
        
                    </telerik:RadPane> 
        
                    </telerik:RadSplitter> 
        
                </form> 
        
            </body> 
        
            </html>

As you can see the scrollbars are there for no reason and they adjust themselves if I resize the browser window. They even appear in full screen mode.

What can I do about them?
Also, please address the orientation problem I have mentioned.

Thanks,
Elad.

Splitter

answered on 29 Aug 2013

1 answer

145 views

HOW TO RESIZE THE GRID

Is there a way to resize the grid which is under a master page? The grid is too big and I need to shrink it.
Please refer to the PNG file

Grid

answered on 29 Aug 2013

3 answers

191 views

RadGrid with Add New button

Hi,

I am using radgrid with Add New Record button in it.

On click of Add New Record button ,there are two GridBoundColumn from which one GridBoundColumn had to be populated after entering data in another GridBoundColumn.

For Example: Comments should be populated once the user enters country name in country GridBoundColumn.

Please provide a sample code or reference link to execute this functionality.

Thanks

General Discussions

answered on 29 Aug 2013

1 answer

90 views

[Solved] Template Column - Row Edited

Hi team i am having issue on grid templdate column

In my grid Edit button is in template column when i click edit grid is display in edit button. Now i click on reset button i need to reset all grid. But not reseting row.

Please help.

Thanks

Grid

answered on 29 Aug 2013

5 answers

630 views

Select on PreRender not working

I am trying to select the last row after a postback event but it is not working. I see the index is valid, but it does not select the row. I can hard code a number for the index and still nothing is selected. I fire the postback from Javascript (see code below). This worked before I upgraded the controls this week. Any idea why this no longer works with new controls?

function rgBatchMaster_RowClick(sender, eventArgs) {

sender.get_masterTableView().fireCommand("Select", eventArgs.get_itemIndexHierarchical());

}

protected void rgBatchMaster_PreRender(object sender, EventArgs e)

{

rgBatchMaster.Items[4].Selected = true;

rgBatchMaster.MasterTableView.Items[4].Selected = true;

}

Grid

answered on 29 Aug 2013

	<%@ Page language="C#"%>
	<%@ Register Assembly="Telerik.Web.UI, Version=2009.1.311.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head runat="server">
	<title>test</title>
	<style type="text/css">
	html,body,form{
	height:100%;
	width:100%;
	}
	</style>
	</head>
	<body>
	<form id="form1" runat="server">
	<asp:ScriptManager ID="ScriptManager1" runat="server" />
	<telerik:radSplitter runat="server" ID="mainSplitter" FullScreenMode="true" Orientation="Horizontal" BorderSize="0">
	<telerik:RadPane runat="server" ID="header" Height="120px">
	header
	</telerik:RadPane>
	<telerik:RadPane runat="server" ID="content">
	<telerik:RadSplitter Orientation="Vertical" runat="server" ID="InternalSplitter">
	<telerik:RadPane ID="ContentPane" runat="server">
	content
	</telerik:RadPane>
	<telerik:RadPane ID="SidePane" runat="server">
	side
	</telerik:RadPane>
	</telerik:RadSplitter>
	</telerik:RadPane>
	</telerik:RadSplitter>
	</form>
	</body>
	</html>