Questions on UI for ASP.NET AJAX Forum

2 answers

136 views

Editor putting horizontal lines over top of document while scrolling

I can only seem to reproduce this in Chrome. When a document is long enough to require a scrollbar, scrolling will put horizontal lines over the newly viewable part of the document. It seems to be related to the <td> which has a border that the iframe is in. If I change the color of the border-bottom the lines output over the document change with it. I thought removing the border would resolve the issue, but it puts white lines over instead of black, transparent border has the same effect. I can't seem to reproduce this in Chrome with regular iframes or any of the official demonstrations on this website.

I have tried changing ContentAreaMode to DIV and although the lines do not appear with this it causes other issues so isn't a viable solution.

Any help anyone has would be much appreciated.

Editor

answered on 14 Aug 2012

2 answers

290 views

[Solved] ImageSaving doesn't update other controls on page

In my RadImageEditor declaration, I use the OnClientCommandExecuting attribute to prevent the save dialog from appearing. I also use the OnImageLoading and OnImageSaving attributes so I can load/save the image to a database. In the ImageSaving routine, I am trying to provide a success/fail confirmation on the screen by setting a label's text property to "File Saved".

When I click the Save button in the RadImageEditor, the file is saved but the label text is never updated.

I found a work around by adding my own asp.button on the form and calling the SaveEditableImage("",true) method. But I'm hoping I can get the RadImageEditor save button to work. In case is makes an difference, I'm currently using dll version 2011.3.1305.35.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="RadTest1._Default" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!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 runat="server">

<title></title>

<telerik:RadCodeBlock ID="codeblock1" runat="server">

<script type="text/javascript">

function OnClientCommandExecuting(sender, eventArgs) {

if (eventArgs.get_commandName() == 'Save') {

var imEditor = $find("<%= RadImgEdt.ClientID %>");

imEditor.saveImageOnServer('', true);

imEditor.setToggleState('Save', false);

eventArgs.set_cancel(true);

}

</script>

</telerik:RadCodeBlock>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI"

Name="Telerik.Web.UI.Common.Core.js">

</asp:ScriptReference>

<asp:ScriptReference Assembly="Telerik.Web.UI"

Name="Telerik.Web.UI.Common.jQuery.js">

</asp:ScriptReference>

<asp:ScriptReference Assembly="Telerik.Web.UI"

Name="Telerik.Web.UI.Common.jQueryInclude.js">

</asp:ScriptReference>

</Scripts>

</telerik:RadScriptManager>

<div>

<asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" />

<asp:Button ID="btnClose" runat="server" Text="Close" />

<asp:Label ID="lblError" runat="server" EnableViewState="false" style="color: Red; margin-left: 5px;" />

</div>

<div style="margin-top: 50px;">

<telerik:RadImageEditor ID="RadImgEdt" runat="server"

OnImageLoading="RadImgEdt_ImageLoading"

OnImageSaving="RadImgEdt_ImageSaving"

OnClientCommandExecuting="OnClientCommandExecuting"

Width="95%" Height="600px" style="top: 0px; left: 0px">

</telerik:RadImageEditor>

</div>

</form>

</body>

</html>

protected void RadImgEdt_ImageLoading(object sender, Telerik.Web.UI.ImageEditorLoadingEventArgs args)

{

//TODO - Get image from imaging database

string filename = Server.MapPath("TestImages");

filename = Path.Combine(filename, "FatCat.jpg");

MemoryStream mstream = new MemoryStream(File.ReadAllBytes(filename));

Telerik.Web.UI.ImageEditor.EditableImage img = new Telerik.Web.UI.ImageEditor.EditableImage(mstream);

args.Image = img;

args.Cancel = true;

}

protected void RadImgEdt_ImageSaving(object sender, Telerik.Web.UI.ImageEditorSavingEventArgs args)

{

//TODO - Save image to imaging database

string filename = Server.MapPath("TestImages");

filename = Path.Combine(filename, string.Format("FatCat-{0}.jpg", DateTime.Now.ToString("yyyyMMdd-hhmmss")));

Telerik.Web.UI.ImageEditor.EditableImage img = args.Image;

img.Image.Save(filename);

lblError.Text = "File Saved";

args.Cancel = true;

}

protected void btnSave_Click(object sender, EventArgs e)

{

RadImgEdt.SaveEditableImage("", true);

}

ImageEditor

answered on 14 Aug 2012

3 answers

154 views

No Items on toolbox after upgrading

Hi, after upgrading to Q2 2012 for both RadControls and Telerik Reporting I noticed that the control icons for the Telerik Controls (ASP.NET and Reporting) are not on the toolbox on Visual Studio 2010. I removed the previous version (Q1 2012) before installing the Q2 versions.

I'm running Visual Studio 2010 Professional on Windows 7 64bit. I tried re-installing, repairing the installations but I still don't get the items on the toolbox. Any recommendations?

Thanks.

Yolanda

General Discussions

answered on 14 Aug 2012

13 answers

1.6K+ views

How to set excel sheet name in Radgrid Export to excel function?

Hi All,

I am new to radgrid, currently I have one issue when trying to export to excel using radgrid.

Seems when you use radgrid.ExportSettings.FileName to set up excel file name, this name will automatically become work sheet name as well. The problem is our requirement need a very long file name, which will be cut off as excel sheet name.We want to set up sheet name short, this way it won't show up as cut off name of excel file name. Is there anyway we can set up the work sheet name during export process?

Thanks a lot, really appreciate it,
Helen

Grid

answered on 14 Aug 2012

6 answers

402 views

Bug with inputType token

hi,

i'm experimenting an issue with a radautocompleteBox
the rad autocomplete box is in a radwindow and when the radautocompletebox is in text mode it's working but in token mode the control is like disable i can't type anything in the textbox and there is no javascript error

here is the sample :

<telerik:RadAutoCompleteBox runat="server" ID="RadAutoCompleteBox1" InputType="Token"

Width="300px" DropDownWidth="300px">

<WebServiceSettings Method="GetCompanyNames" Path="~/WebService.asmx" />

</telerik:RadAutoCompleteBox>

also this sample is working outside of the radwindow..
i don't really need the token mode but i need the event OnClientEntryAdding so if you have a workaround or something :-).

thanks for your help

AutoCompleteBox

answered on 14 Aug 2012

4 answers

355 views

[Solved] Telerik skin in demo

In the skin selection popup for each component in the online demo the Telerik skin uses green colours but when applied it results in grey colours, e.g. try here http://demos.telerik.com/aspnet-ajax/grid/examples/programming/accessingcellsandrows/defaultcs.aspx
Which color schema is correct?

Documentation and Tutorials

answered on 14 Aug 2012

16 answers

325 views

Reorder tabs

Hi,
We are currently using the RadTabStrip control in our Webapplication.
Is there a way in which the user, can reorder the tabs in the TabStrip ?

Thanks & regards,
Arnab.

TabStrip

answered on 14 Aug 2012

11 answers

185 views

RadGrid Bug using Ajax Manager

This is werid. The page below works like a charm. Shows the data in a grid without any problem.
Then I decided to Ajaxify the grid by updating only the grid when RadPanelBar2 item is clicked.
The Grid shrinks when doing thus hiding all the rows in the grid.
To try the working page - just copy the code below.
To try the weird problem - just uncomment the code I specified below inside AjaxSetting.

Thanks

<%-- MASTER PAGE --%>









<telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" BorderSize=0 



             BorderStyle=None PanesBorderSize=0 Height="100%" Orientation=Horizontal VisibleDuringInit=false>


<

telerik:RadPane Runat="server" ID="contentPane" Scrolling="None">

<telerik:RadSplitter runat="server" ID="RadSplitter2" BorderStyle="None" PanesBorderSize="0">

<telerik:RadPane runat="Server" ID="leftPane" Width="240px" MinWidth="240" MaxWidth="600" Scrolling="None">

<telerik:RadSplitter runat="server" ID="RadSplitter3" BorderStyle="None" PanesBorderSize="0"

Height="100%" Orientation="Horizontal">

<telerik:RadPane runat="server" ID="topLeftPane" Height="100%">

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

<telerik:RadSplitBar runat="server" ID="RadSplitBar1" CollapseMode="Forward" />

<telerik:RadPane runat="Server" ID="rightPane" CssClass="right-pane" Scrolling="None">

<asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">

</asp:ContentPlaceHolder>

</telerik:RadPane>

</telerik:RadSplitter>

   

</telerik:RadPane> 

</telerik:RadSplitter>



 <%-- ASPX PAGE --%>


  <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
     <telerik:RadPanelBar ID="RadPanelBar2" Runat="server" ExpandMode="FullExpandedItem" Width="240px" Height="100%">
            <Items>
 
                 <telerik:RadPanelItem Text="Documents" Expanded="True">
                    <Items>
                            <telerik:RadPanelItem runat="server"  Text="All Documents" Value=""  />
                            <telerik:RadPanelItem runat="server"   Text="My Documents" Value=""/>
                             
                    </Items>
                </telerik:RadPanelItem>
                 
                 
            </Items>
        </telerik:RadPanelBar>
      
</asp:Content>
 
        <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server">
   
       <telerik:RadSplitter runat="server" ID="RadSplitter1" Width="100%" BorderSize="0"
        BorderStyle="None" PanesBorderSize="0" Height="100%" Orientation="Horizontal">
         
        <telerik:RadPane runat="server" ID="MainPane"  >
        
            <telerik:RadGrid ID="RadGrid1" runat="server"  DataSourceID="DocumentsDataSource1"
                AllowPaging="True" AllowSorting="True"
                AllowCustomPaging="true" ShowStatusBar="true"
                AllowFilteringByColumn="false" CellSpacing="0"
                AllowMultiRowSelection="true" AutoGenerateColumns="true" PageSize="10" height="100%"  >
                <PagerStyle Mode="NextPrev"  />
                 
                <MasterTableView   DataKeyNames="documentid" EnableHeaderContextMenu="true" >
                    <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"
                        Visible="True">
                    </RowIndicatorColumn>
                     
                    <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"
                        Visible="True">
                    </ExpandCollapseColumn>
                    <EditFormSettings>
                        <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                        </EditColumn>
                    </EditFormSettings>
                    <Columns>    
                  
                    </Columns>
                </MasterTableView>
                <ClientSettings EnableRowHoverStyle = "true" Selecting-AllowRowSelect="true" EnablePostBackOnRowClick="true"
                                AllowColumnsReorder="true" ReorderColumnsOnClient="true">
                    <ClientEvents OnRowContextMenu="" OnRowDblClick="" OnHeaderMenuShowing="" />
                    <Scrolling AllowScroll="true" UseStaticHeaders="true" />
                </ClientSettings>
                <PagerStyle Position="Bottom"   />
                <FilterMenu EnableImageSprites="False">
                </FilterMenu>
                 
            </telerik:RadGrid>
            <asp:ObjectDataSource ID="DocumentsDataSource1" runat="server"
            SelectMethod="GetDocuments" TypeName="e_Digio._Default" >
         
         
            </asp:ObjectDataSource>
        </telerik:RadPane>
        </telerik:RadSplitter>
         
         
    
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="true">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadPanelBar2">
                <UpdatedControls>
                <%--UNCOMMENT THE NEXT LINE--%>
                   <%-- <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" /> --%>
                     
                </UpdatedControls>
            </telerik:AjaxSetting>
             
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1">
    </telerik:RadAjaxLoadingPanel>
        </asp:Content>

Grid

answered on 14 Aug 2012

3 answers

150 views

[Solved] Opening RadWindow from Code Behind

Hi,

I've tried to open RadWindow.RadConfirm but it is not working. I'm trying due this instructions: http://demos.telerik.com/aspnet-ajax/window/examples/browserdialogboxes/defaultcs.aspx

The RadConfirm method is not shown in my RadWindowManager1.... My version is 2010.

Please, could someone help me?

Window

answered on 14 Aug 2012

12 answers

1.6K+ views

A Simple RADWindow Example

Version Q1 2008

VS 2008

I have what I consider to be a REAL simple requirement for RADWindow and I am NOT a Javascript person AT ALL. The examples on the Telerik site are far too complex for what I need. I have been struggling for 2 days just to do the following simple task.

I have an ImageButton on an aspx page.

When I click on the ImageButton I want to open a modal RADWindow, say 400 pixels X 200 pixels.

I want the RADWindow to display the contents of an .aspx form

I need to pass a parameter to the .aspx form that is displayed in the RADWindow

For example, if I were simply opening the .aspx page, by NavigateURL would be "~/folder/form.aspx?Id=100"

Is there a simple way to do this?

Window