Questions on UI for ASP.NET AJAX Forum

4 answers

141 views

Automatic operations and custom template edit form

To test automatic updates/inserts/deletes, I am using your sample app at: http://www.telerik.com/community/code-library/submission/b311D-kkmhe.aspx
It works fine for AutoGenerated edit form, but not for template form. To reproduce the problem, just paste the following code after closing columns tag (</COLUMNS>):

    
            <EditFormSettings CaptionDataField="Edit contact:" ColumnNumber="2" EditFormType="Template" > 
        
                            <FormTemplate> 
        
                            <table id="ContactsMiddle" runat="server" style="width:100%; border:none 0px #ffffff; color:#9EB6CE; text-align:left;">  
        
                                                <tr> 
        
                                    <td style="width:100px; padding-left:10px" >Last Name:</td> 
        
                                    <td style="width:250px;"><asp:TextBox runat="server" EnableViewState="true" Width="70%" ID="inpContactName" Text='<%#Bind("LastName")%>'></asp:TextBox></td>  
        
                                    <td style="width:100px; padding-left:10px" >First Name:</td> 
        
                                    <td style="width:250px;"><asp:TextBox runat="server" EnableViewState="true" Width="70%" ID="inpContactHomePhone" Text='<%#Bind("FirstName")%>'></asp:TextBox></td>  
        
                                </tr> 
        
                                <tr> 
        
                                    <td style="width:100px; padding-left:10px" >Title:</td> 
        
                                    <td style="width:250px;"><asp:TextBox runat="server" EnableViewState="true" Width="70%" ID="inpContactEmail" Text='<%#Bind("Title")%>'></asp:TextBox></td>  
        
                                    <td style="width:100px; padding-left:10px" >Address:</td> 
        
                                    <td style="width:250px;"><asp:TextBox runat="server" EnableViewState="true" Width="70%" ID="inpContactCellPhone" Text='<%#Bind("Address")%>'></asp:TextBox></td>  
        
                                </tr> 
        
                                <tr> 
        
                                    <td style="width:100px; padding-left:10px" >Date:</td> 
        
                                    <td style="width:250px;"><asp:TextBox runat="server" EnableViewState="true" Width="70%" ID="TextBox1" Text='<%#Bind("HireDate")%>'></asp:TextBox></td>  
        
                                    <td style="width:350px; padding-left:10px" colspan="2" > 
        
                                        <asp:LinkButton CssClass="lnkSubmit" ID="btnOK" runat="server" CommandName="Update">OK</asp:LinkButton> 
        
                                        <asp:LinkButton CssClass="lnkSubmit" ID="btnCancel" runat="server" CommandName="Cancel">Cancel</asp:LinkButton> 
        
                                    </td> 
        
                                </tr> 
        
                            </table> 
        
                            </FormTemplate> 
        
                            </EditFormSettings>

The returned error is:

You have specified that your update command compares all values on SqlDataSource 'SqlDataSource1', but the dictionary passed in for oldValues is empty. Pass in a valid dictionary for update or change your mode to OverwriteChanges.

I see only one example with edit form template on your web site, and that one is using non-standard data source and is visualy very difficult to follow. Not to mention dirty code with ? instead of parameter names and non-maximisable code window. Link: http://demos.telerik.com/ASPNET/Prometheus/Grid/Examples/DataEditing/TemplateFormUpdate/DefaultCS.aspx
Please let me know how to use custom template form for automatic operations.

Regards,
Alex

Grid

answered on 21 Feb 2011

1 answer

75 views

Compatibility View layout issues

Hi all,

I've encounted some layout issues at my page after setting IE8 to running in Compatibility View.

One issue is in using RadButton with an icon. I've created a small sample project which code is shown beneath, and layout difference is attached this thread.

Can anyone tell me why these difference occurs? And how to solve the issue...?

ASPX Code:

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

<!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>

<style type="text/css">

.iconStyle

{

top: 4px !important;

left: 5px !important;

height: 32px !important;

width: 32px !important;

}

</style>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

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

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

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div>

<telerik:RadButton runat="server" ID="RadButton1" Text="Go to basket" Height="40px" Width="200px" EnableBrowserButtonStyle="true">

<Icon PrimaryIconUrl="App_Themes/Default/Graphics/shopping_cart_lrg.png" PrimaryIconCssClass="iconStyle" />

</telerik:RadButton>

</div>

</form>

</body>

</html>

Button

answered on 21 Feb 2011

1 answer

107 views

Width and Height

Is there a way to force the size of the BinaryImage? I set Width and Height and it doesn't seem to work. I have users uploading images in a Content management system and I don't want to have images of all different sizes on the page, it messes up my CSS.

control code

<telerik:RadBinaryImage ID="rbiSpeaker"

DataValue='<%#Eval("Image") %>' ToolTip='<%#Eval("Name") %>' Width="180px" Height="234px" AutoAdjustImageControlSize="true" AlternateText='<%#Eval("Name") %>' CssClass="speaker-photo" runat="server" />

Thanks!

BinaryImage

answered on 21 Feb 2011

3 answers

133 views

Weekview: programmatically go to a date, and disabling links to dayview

Hello there !

Thanks for previous help. I have a RadScheduler with only week view available, and on the same page I'm displaying a list of "upcoming events", which are appointments that fall out of the date range currently displayed on the RadScheduler.

In this "upcoming events", I need to add a "go to" button, so that when it is clicked, the RadScheduler week view goes to that date, but the

SelectedDate property only works for dayViews, I haven't been able to find how to accomplish this in WeekView.

Also, in weekview the day numbers are hyperlinked to the respective dayView, I need to disable this hyperlinking because in this case the RadScheduler should only have Weekview available.

Any help / pointers are greatly appreciated, thanks !

Max

Scheduler

answered on 21 Feb 2011

1 answer

147 views

RadEditor's ImageManager and virtual directories

Environment:
Visual Studio 2008, C#, Rad Controls for ASP.NET AJAX v.2010.3.1317.35

I am using RadEditor and trying to configure a virtual directory for the RadEditor.ImageManager.ViewPaths.

I have used IIS Manager to create a virtual directory called Email under my website. If I click on that virtual directory in IIS Manager I can see the files that exist in the respective physical location. I can open a web browser and browse to the virtual directory URL, i.e. http://localhost/<websitename>/Email.

I am setting the ImageManager ViewPaths property in codebehind:

string[] viewImages = new string[] { "~/Email" };

RadEditor1.ImageManager.ViewPaths = viewImages;

When I run the application in the development environment and open the ImageManager for RadEditor, there are no files available for selection.

If I create an Email folder under the website and point to that folder for the ViewPaths property, the files are available.

How should I configure virtual directory so that the ImageManager can see the files properly when running in the Visual Studio 2008 development environment,

Thanks for your help!

Editor

answered on 21 Feb 2011

4 answers

143 views

Custom Images adding to existing RadEditor Toolbar

Posted 0 minutes ago (permalink)

Hi,
Existing radeditor I add some images like file attachment(.gif) icon, how can i add this image to my rad editor ? I'm using versionq22010.

Thanks in Advance
Mr. Perfect

General Discussions

answered on 21 Feb 2011

1 answer

131 views

RadAjaxLoadingPanel animation

Hello,

I am using a radAjaxLoadingPanel with the default "swirling circle" animation.

I have a radGrid that contains an asp Image Button in a GridTemplateColumn. When I click the button, the "swirling circle" comes up and works fine. (this button opens a Rad window). When I close the rad window that is opened by the image button click, the rad window closes, and the grid that the rad window is called from is displayed with the transparent loading panel and "swirling circle". However, the "swirling circle" no longer swirls. In fact, any ajax request causes the circle to appear, but the circle no longer swirls.

Any ideas to what could be causing this? Everything seems to be working correctly except that the circle is no longer animated.

Thanks!
Dave

Ajax

answered on 21 Feb 2011

1 answer

80 views

Refresh root folder name

In some instances, I want to rename my root folder (top node ni TreeView). This is done via an ajax call that triggers the rename in the backend. After that ajax call is done, I call explorer.refresh() (client side). However, the name of the top node in the TreeView doesn't update.

When calling explorer.refresh() I've verified that PageLoad is executed in the code behind. I update the "root folder" paths during page load:
fileExplorer.Configuration.ViewPaths = new[] { newRootFolderName };
fileExplorer.Configuration.UploadPaths = new[] { newRootFolderName };
fileExplorer.Configuration.DeletePaths = new[] { newRootFolderName };

Still, the root folder name doesn't update in the TreeView on the page.

Is there a way to update the root folder (except doing a hard refresh)?

FileExplorer

answered on 21 Feb 2011

16 answers

1.8K+ views

Center RadAjaxLoadingPanel

I had some problems to center the loading image for a loading panel both vertically and horizontally.

This worked for me. I basically just wrap the image inside a table that occupies 100% width and height and then I align the content of the cell to the middle.

Hope this can be of any help to others.

<telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel1" runat="server" Transparency="20" BackColor="#E0E0E0">
            <table style="width:100%;height:100%;">
                <tr style="height:100%"><td align="center" valign="middle" style="width:100%">
                    <asp:Image ID="Image1" runat="server" AlternateText="Loading..."
        BorderWidth="0px" ImageUrl="~/Images/Loading/Loading6.gif">
       </asp:Image>
                </td></tr>
            </table>
  </telerik:RadAjaxLoadingPanel>

Ajax

answered on 21 Feb 2011

0 answers

146 views

Appointment Checkbox / Calendar and Scheduler

Good Morning,

I would like to know, if possible, if you can help me with the following questions:

I wish the state of the checkbox when it was changed, to update the database table with values 0 and 1 (1 Checked, Unchecked 0)

Secondly, I would like the Calendar and Scheduler were synchronized. When clicking a date on the calendar, change the scheduler, and vice versa. If possible, when selecting a week in the Calendar, the Scheduler switch to Week view and show the selected week.

Scheduler

asked on 21 Feb 2011