Questions on UI for ASP.NET AJAX Forum

1 answer

62 views

Currently, FireFox doesn't support using "em" units in the "width" attribute of COL elements. This presents a problem because the HeaderStyle.Width property renders in FireFox like so:

    
            <colgroup> 
        
              <col width="25em"/>  
        
              <col width="5em"/>  
        
              <col width="5em"/>  
        
            </colgroup>

However, em units ARE supported in FireFox if the widths are set using the "style" attribute:

    
            <colgroup> 
        
              <col style="width:25em"/>  
        
              <col style="width:5em"/>  
        
              <col style="width:5em"/>  
        
            </colgroup>

Interestingly, width attributes are rendered in IE without the "em":

    
            <colgroup>    
        
              <col width="25"/>     
        
              <col width="5"/>     
        
              <col width="5"/>     
        
            </colgroup>

Grid

answered on 01 Jul 2009

3 answers

251 views

Create thumbnail in Image Manager

Is anyone familiar with the "create thumbnail" functionality of the Image Manager?

I open the Image Manager
Choose an image URL
Upload an image
Select the uploaded image and click on the "Create thumbnail" icon in the Image Manager

In most of the cases I get a proposed with and height of 35 Pixel although "Constrain proportions" is ticked and the image has a 4 : 3 image proportion.

I then close the Image Manager and reopen it, select the uploaded image and click the "Create thumbnail" icon... and magic: the original width and height of the uploaded image is shown (and the state of "Constrain proportions" was kept).

I then change the width to something smaller than the uploaded image and the height is adjusted correctly. Clicking the "Create" button generates my thumbnail. But if I select now the newly generated thumbnail, the image dimensions displayed are 35 x 35 pixel :( Clicking the "Insert" button adds the new generated image to my html content and ...the dimension are suddenly correct.

I then reopened the Image Manager to generate a thumbnail which was a little bit wider than the one generated in the first round. So I selected the uploaded image (original dimensions correctly displayed, but if I clicked the original image a second time the dimensions always change to 35 x 35 px), ticked "Overwrite if file with such name exists?", changed the width to something larger than for the first generated thumbnail, clicked "Create", selected the new thumbnail and inserted it to my html content... and what I got inserted was the small thumbnail of the first round :(

Only after checking in the publishing page and edit it afterwards again (close the editor) I was able to select the larger thumbnail.

I presume the Image Manager to have two problems:

Image dimensions displayed in the "create thumbnail" area are not always displayed correctly. Reproduceable is the problem when choosing an image, change to create thumbnail and click the image again on the left hand side -> dimensions always change to 35 x 35 Pixel and the only way to see the correct dimensions is to close and reopen the Image Manager
Once a thumbnail is generated it looks like it get's cached ? until the Rad editor is closed. When overwriting the thumbnail the new thumbnail can only be inserted after closing and reopening the Rad editor.

Are these issues already known?

WebParts for SharePoint

answered on 01 Jul 2009

1 answer

118 views

Nested Splitters

is it possible to synchronize the control of two independent splitters so that they appear to be working together?

Splitter

answered on 01 Jul 2009

1 answer

64 views

setting date from javascript is not maintaing the state on server side

Hi All
I am setting the date from javascript using the following Code.

    
            function ProcessDateSelection(sender, e) 
        
              { 
        
                 var DateControl= $find('<%= rdstartDate.ClientID %>'); 
        
                 var EndDateControl= $find('<%= rdEndDate.ClientID %>'); 
        
                 var EventType=getEventType(); 
        
                    if(EventType==-1)//Daily 
        
                     { 
        
                       SetDefaultDate(EndDateControl); 
        
                       var date = DateControl.get_selectedDate(); 
        
                       date.setDate(date.getDate() ); 
        
                       EndDateControl.set_minDate(date); 
        
                       EndDateControl.set_maxDate(date); 
        
                       EndDateControl.set_selectedDate(date); 
        
                     } 
        
                     if(EventType==0)//Daily 
        
                     { 
        
                           var date = DateControl.get_selectedDate(); 
        
                           date.setDate(date.getDate() +1 ); 
        
                           EndDateControl.set_minDate(date); 
        
                           EndDateControl.set_selectedDate(date); 
        
                     } 
        
                      if(EventType==1)//Weekly 
        
                     { 
        
                          var date = DateControl.get_selectedDate(); 
        
                           date.setDate(date.getDate() +7 ); 
        
                           EndDateControl.set_minDate(date); 
        
                           EndDateControl.set_selectedDate(date); 
        
                     } 
        
                      if(EventType==2)//Monthly 
        
                     { 
        
                           var date = DateControl.get_selectedDate(); 
        
                           date.setMonth(date.getMonth() + 1 ); // Java script Month starts from  JAnuary=0 
        
                           EndDateControl.set_minDate(date); 
        
                           EndDateControl.set_selectedDate(date); 
        
                      }     
        
             }

But when the page postback the date control is reset to its previous value.
I have also tried to assign date at server side in page load but in vain.
also note that the date control is in Update panel
Kindly help me out .

Best regards
faiq

Calendar

answered on 01 Jul 2009

2 answers

182 views

[Solved] RadAjaxManager with WebUserControl Problem

Hi
I'm sorry. My English is bad.

Problem:
I have got WebUserControl with Button (OnClick= javascript with alert("aaa"))

I have got Page with:
1. telerik:RadAjaxManager
2. Button (OnClick = "WebUserControl.Visible = !WebUserControl.Visible")
3. WebUserControl

A. If initial WebUserControl.Visible=false, then after Page.Button.Click
WebUserControl.Button appear and if WebUserControl.Button.Click appear error.

B. If initial WebUserControl.Visible=true, then OK.

C. If RadAjaxManager.EnableAJAX=false, then OK.

What would you propose then? (A.)

Page:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Tst_Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Src="WebUserControl.ascx" TagName="WebUserControl" TagPrefix="Controls" %>
<!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>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
       <asp:ScriptManager ID="ScriptManager1" runat="server"/>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="Button1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="WUC" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
      <Controls:WebUserControl ID="WUC" runat="server" Visible="false" />

    </form>
</body>
</html>

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class Tst_Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        WUC.Visible = !WUC.Visible;
    }
}

Control:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="Tst_WebUserControl" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<script type="text/javascript" language="javascript" >
function bt_Click(){alert("aaa");}
</script>
<input id="Button1" type="button" value="button" OnClick="bt_Click()"/>

Ajax

answered on 01 Jul 2009

1 answer

105 views

Dock.Pinned Problem

Hi,
I am creating docks dynamically and trying to pin them on the sliding content pane. It seems that the dock.pinned = true is not behaving properly with ie7. whenever i set this property as true the dock just exceeds the boundaries of the zone and layout. Is there a solution for this issue. Its important as i do not want users to to drag the docks anywhere on the interface.

Regards,
Ajit

Dock

answered on 01 Jul 2009

2 answers

301 views

Invalid Cast Exception using Custom Edit Form in Grid

HI
I have the following code for a grid that i'm using to manage Users. I created a custom edit form with a few textobxes and a checkbox, this works 100% when editing an item, however i get an error(Invalid Cast Exception) when trying to create a new User, this error is thrown while the custom form is being loaded.
I know that this is caused by the asp checkbox that i'm using in the edit form, Please assist me.
Thanks in advance :)

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AdminPage.aspx.cs" Inherits="AddEditUsers" %> 
        
            <%@ 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 runat="server"> 
        
                <title>All Users</title> 
        
                <style type="text/css"> 
        
                    .style1 
        
                    { 
        
                        width: 100%; 
        
                        height: 68px; 
        
                    } 
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <asp:ScriptManager ID="ScriptManager1" runat="server"> 
        
                </asp:ScriptManager> 
        
                <div> 
        
                <table class="style1"> 
        
                    <tr> 
        
                        <td> 
        
                            &nbsp;</td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td> 
        
                            <telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False"  
        
                                DataSourceID="SqlDataSource1" GridLines="None"  
        
                                Skin="Vista" AllowAutomaticDeletes="True" AllowAutomaticUpdates="true"  
        
                                AllowAutomaticInserts="true" AllowMultiRowEdit="True"> 
        
            <MasterTableView datakeynames="UserId" datasourceid="SqlDataSource1" EditMode="PopUp"  commanditemdisplay="Top" > 
        
            <RowIndicatorColumn> 
        
            <HeaderStyle Width="20px"></HeaderStyle> 
        
            </RowIndicatorColumn> 
        
            <ExpandCollapseColumn> 
        
            <HeaderStyle Width="20px"></HeaderStyle> 
        
            </ExpandCollapseColumn> 
        
                <Columns> 
        
                    <telerik:GridButtonColumn ConfirmText="Are You Sure You Want To Delete This User?" ButtonType="ImageButton" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn1"> 
        
                                                    <HeaderStyle Width="20px" /> 
        
                                                    <ItemStyle HorizontalAlign="Center" /> 
        
                    </telerik:GridButtonColumn> 
        
                    <telerik:GridBoundColumn DataField="UserId" DataType="System.Int32"  
        
                        HeaderText="UserId" ReadOnly="True" SortExpression="UserId" UniqueName="UserId" Visible="false"> 
        
                    </telerik:GridBoundColumn> 
        
                    <telerik:GridBoundColumn DataField="UserName" HeaderText="User Name"  
        
                        SortExpression="UserName" UniqueName="UserName"> 
        
                    </telerik:GridBoundColumn> 
        
                    <telerik:GridBoundColumn DataField="Password" HeaderText="Password"  
        
                        SortExpression="Password" UniqueName="Password"> 
        
                    </telerik:GridBoundColumn> 
        
                    <telerik:GridCheckBoxColumn DataField="IsAdmin" HeaderText="Administrator" 
        
                                    DataType="System.Boolean"> 
        
                                </telerik:GridCheckBoxColumn> 
        
                    <telerik:GridEditCommandColumn ButtonType="ImageButton"> 
        
                    </telerik:GridEditCommandColumn> 
        
                    <telerik:GridHyperLinkColumn></telerik:GridHyperLinkColumn> 
        
                </Columns> 
        
                 <EditFormSettings EditFormType="Template"> 
        
                 <EditColumn UniqueName="EditCommandColumn1"></EditColumn> 
        
                 <FormTemplate> 
        
                 <table id="EditTable" cellspacing="1" cellpadding="1" border="0"> 
        
                 <tr>  
        
                    <td>User Name</td> 
        
                    <td> <asp:TextBox ID="txtUserName" runat="server" MaxLength="10" Text='<%#Bind("UserName") %>'></asp:TextBox></td> 
        
                 </tr> 
        
                 <tr> 
        
                    <td>Password</td> 
        
                    <td> <asp:TextBox ID="txtPassword" runat="server" MaxLength="15" Text='<%#Bind("Password") %>'></asp:TextBox></td> 
        
                 </tr> 
        
                 <tr> 
        
                    <td></td> 
        
                    <td> <asp:CheckBox ID="chkIsAdmin" runat="server" Text="Administrator" Checked='<%#Bind("IsAdmin") %>'></asp:CheckBox></td> 
        
                 </tr> 
        
                 <tr> 
        
                    <td><asp:Button id="btnUpdate" runat="server" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>' CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'/></td> 
        
                    <td><asp:Button ID="btnCancel" runat="server" CausesValidation="false" CommandName="cancel" Text="Cancel"/></td> 
        
                 </tr> 
        
                 </table> 
        
                 </FormTemplate> 
        
                 </EditFormSettings> 
        
            </MasterTableView> 
        
                                <ClientSettings> 
        
                                    <Selecting AllowRowSelect="True" /> 
        
                                </ClientSettings> 
        
            <FilterMenu EnableTheming="True"> 
        
            <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
            </FilterMenu> 
        
                            </telerik:RadGrid> 
        
                            <asp:SqlDataSource ID="SqlDataSource1" runat="server"  
        
                                ConflictDetection="CompareAllValues"  
        
                                ConnectionString="<%$ ConnectionStrings:lawsocConnectionString %>"  
        
                                DeleteCommand="DELETE FROM [tbUsers2] WHERE [UserId] = @original_UserId AND [UserName] = @original_UserName AND [Password] = @original_Password AND [IsAdmin] = @original_IsAdmin"  
        
                                InsertCommand="INSERT INTO [tbUsers2] ([UserName], [Password], [IsAdmin]) VALUES (@UserName, @Password, @IsAdmin)"  
        
                                OldValuesParameterFormatString="original_{0}"  
        
                                SelectCommand="SELECT [UserId], [UserName], [Password], [IsAdmin] FROM [tbUsers2]"  
        
                                UpdateCommand="UPDATE [tbUsers2] SET [UserName] = @UserName, [Password] = @Password, [IsAdmin] = @IsAdmin WHERE [UserId] = @original_UserId AND [UserName] = @original_UserName AND [Password] = @original_Password AND [IsAdmin] = @original_IsAdmin"> 
        
                                <DeleteParameters> 
        
                                    <asp:Parameter Name="original_UserId" Type="Int32" /> 
        
                                    <asp:Parameter Name="original_UserName" Type="String" /> 
        
                                    <asp:Parameter Name="original_Password" Type="String" /> 
        
                                    <asp:Parameter Name="original_IsAdmin" Type="String" /> 
        
                                </DeleteParameters> 
        
                                <UpdateParameters> 
        
                                    <asp:Parameter Name="UserName" Type="String" /> 
        
                                    <asp:Parameter Name="Password" Type="String" /> 
        
                                    <asp:Parameter Name="IsAdmin" Type="String" /> 
        
                                    <asp:Parameter Name="original_UserId" Type="Int32" /> 
        
                                    <asp:Parameter Name="original_UserName" Type="String" /> 
        
                                    <asp:Parameter Name="original_Password" Type="String" /> 
        
                                    <asp:Parameter Name="original_IsAdmin" Type="String" /> 
        
                                </UpdateParameters> 
        
                                <InsertParameters> 
        
                                    <asp:Parameter Name="UserName" Type="String" /> 
        
                                    <asp:Parameter Name="Password" Type="String" /> 
        
                                    <asp:Parameter Name="IsAdmin" Type="String" /> 
        
                                </InsertParameters> 
        
                            </asp:SqlDataSource> 
        
                        </td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td> 
        
                            &nbsp;</td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td> 
        
                            &nbsp;</td> 
        
                    </tr> 
        
                </table> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

Grid

answered on 01 Jul 2009

5 answers

251 views

radalert

I like to get a radalert directly on Button Click. The code below works, but the radalert comes not directly up. Is there a way to force the execution of the responsescript directly?

I've following code in a button_onClick Event:

private
 
 void btbuy_clicked(object sender, EventArgs e)
 
{
 
......

......

foreach
 
 (Article art in articlesselected)
 
{
 
if (ct + 1 > art.MaxAnz)
 
{
RadAjaxManager1.ResponseScripts.Add(
"(function(){var f = function(){radalert('<h4>Dieser Artikel ist leider nicht mehr verfgbar!</h4>', 330, 210);Sys.Application.remove_load(f);};Sys.Application.add_load(f);})()");
 
return;
 
}
myOrder.setArticle(1, art);
}

 
...

...

}

This is the aspx file:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ProtelShop._Default" MasterPageFile="~/ProtelShop.Master" %> 
        
            <%@ Register assembly="Telerik.OpenAccess, Version=2009.1.405.1, Culture=neutral, PublicKeyToken=7ce17eeaf1d59342" namespace="Telerik.OpenAccess" tagprefix="telerik" %> 
        
            <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik"  %> 
        
            <%@ Reference Control="~/Controls/ShopBuyTooltip.ascx" %> 
        
            <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">  
        
            <telerik:RadAjaxManager runat="server">  
        
             <AjaxSettings>    
        
                    <telerik:AjaxSetting AjaxControlID="Button1">    
        
                        <UpdatedControls>    
        
                            <telerik:AjaxUpdatedControl ControlID="RadWindowManager1" />    
        
                        </UpdatedControls>    
        
                    </telerik:AjaxSetting>    
        
                </AjaxSettings>    
        
                </telerik:RadAjaxManager> 
        
                <div> 
        
                </div> 
        
                <telerik:RadScriptManager ID="RadScriptManager1" Runat="server">  
        
                </telerik:RadScriptManager> 
        
                <telerik:RadWindowManager runat="server">  
        
                </telerik:RadWindowManager> 
        
                <script type="text/javascript">  
        
                    //<![CDATA[ 
        
                        function hideActiveToolTip() 
        
                        {             
        
                            var controller = Telerik.Web.UI.RadToolTipController.getInstance(); 
        
                            var tooltip = controller.get_activeToolTip(); 
        
                            if (tooltip) 
        
                            { 
        
                                tooltip.hide(); 
        
                            } 
        
                        } 
        
                        Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequestHandler); 
        
                        function beginRequestHandler(sender, args) 
        
                        { 
        
                            var prm = Sys.WebForms.PageRequestManager.getInstance(); 
        
                            if (args.get_postBackElement().id.indexOf('RadScheduler1') != -1) 
        
                            { 
        
                                hideActiveToolTip(); 
        
                            } 
        
                        } 
        
                        function clientBeforeShow (sender, eventArgs) { 
        
                         w = $telerik.$(window).width() / 2; 
        
                         h = $telerik.$(window).height() / 2; 
        
                         if ((sender._mouseX > w) && (sender._mouseY > h)) { 
        
                         sender.set_position(Telerik.Web.UI.ToolTipPosition.TopLeft); 
        
                         return; 
        
                         } 
        
                         if ((sender._mouseX < w) && (sender._mouseY > h)) { 
        
                         sender.set_position(Telerik.Web.UI.ToolTipPosition.TopRight); 
        
                         return; 
        
                         } 
        
                         if ((sender._mouseX > w) && (sender._mouseY < h)) { 
        
                         sender.set_position(Telerik.Web.UI.ToolTipPosition.BottomLeft); 
        
                         return; 
        
                         } 
        
                     sender.set_position(Telerik.Web.UI.ToolTipPosition.BottomRight); 
        
                        } 
        
                    //]]> 
        
                    </script> 
        
                <telerik:OpenAccessDataSource ID="OpenAccessDataSource1" runat="server"   
        
                    ObjectContextProvider="ProtelShop.ObjectScopeProvider1, ProtelShop"   
        
                    TypeName="ProtelAccess.Article" ContextTypeName="" OrderBy=""   
        
                    Where="MaxAnz &gt; 0" > 
        
                </telerik:OpenAccessDataSource> 
        
                  <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">  
        
                        <AjaxSettings> 
        
                            <telerik:AjaxSetting AjaxControlID="RadGrid1">  
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                         </AjaxSettings> 
        
                 </telerik:RadAjaxManager> 
        
            <telerik:RadSkinManager ID="RadSkinManager1" runat="server">          
        
                    </telerik:RadSkinManager> 
        
                    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server"  DecoratedControls="All"/>  
        
                <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" > 
        
                 <asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Conditional">  
        
                        <ContentTemplate>                  
        
                              <asp:Panel ID="Panel2" runat="server" CssClass="title" > 
        
                               Seminar Angebote  
        
                           </asp:Panel> 
        
                <telerik:RadScheduler ID="RadScheduler1" runat="server" DataEndField="EndTime"   
        
                    DataKeyField="ArtNr" DataSourceID="OpenAccessDataSource1"   
        
                    DataStartField="StartTime" DataSubjectField="Name" HoursPanelTimeFormat="htt"   
        
                    ValidationGroup="RadScheduler1"  ReadOnly="true"  SelectedView="MonthView">  
        
                </telerik:RadScheduler> 
        
                <telerik:RadToolTipManager runat="server" ID="RadToolTipManager1" Width="320" Height="170" 
        
                                Animation="None" HideEvent="LeaveToolTip" Text="Loading..." 
        
                                OnAjaxUpdate="RadToolTipManager1_AjaxUpdate" OnClientBeforeShow="clientBeforeShow" /> 
        
                               <br /> 
        
                     </ContentTemplate> 
        
                    </asp:UpdatePanel> 
        
                     <asp:UpdatePanel runat="server" ID="UpdatePanel2" UpdateMode="Conditional">  
        
                       <ContentTemplate> 
        
                       <br /> 
        
                           <asp:Panel ID="Panel1" runat="server" CssClass="title">  
        
                               Warenkorb  
        
                           </asp:Panel> 
        
                       <telerik:RadGrid ID="RadGrid1" runat="server" AllowAutomaticDeletes="true"   
        
                                AllowAutomaticUpdates="true" AutoGenerateColumns="true"   
        
                                AutoGenerateDeleteColumn="true" OnDeleteCommand="RadGrid1_DeleteCommand"  OnItemDataBound="RadGrid1_ItemDataBound" > 
        
                                <MasterTableView AutoGenerateColumns="False" RetrieveAllDataFields="false" ShowFooter="true">  
        
                                    <Columns> 
        
                                        <telerik:GridBoundColumn DataField="ArtNr" HeaderText="Artikelnummer">  
        
                                        </telerik:GridBoundColumn> 
        
                                        <telerik:GridBoundColumn DataField="Name" HeaderText="Artikelname">  
        
                                        </telerik:GridBoundColumn> 
        
                                        <telerik:GridBoundColumn DataField="ArtName" HeaderText="Artikelbeschreibung">  
        
                                        </telerik:GridBoundColumn> 
        
                                        <telerik:GridBoundColumn DataField="StartTime" HeaderText="Start">  
        
                                        </telerik:GridBoundColumn> 
        
                                        <telerik:GridBoundColumn DataField="EndTime" HeaderText="Ende">  
        
                                        </telerik:GridBoundColumn> 
        
                                        <telerik:GridBoundColumn DataField="Quantity" HeaderText="Anzahl">  
        
                                        </telerik:GridBoundColumn> 
        
                                        <telerik:GridBoundColumn DataField="ArtPrice" HeaderText="Preis">  
        
                                        </telerik:GridBoundColumn> 
        
                                    </Columns> 
        
                                </MasterTableView> 
        
                            </telerik:RadGrid> 
        
                       </ContentTemplate> 
        
                     </asp:UpdatePanel> 
        
                    </telerik:RadAjaxPanel> 
        
                    <br /> 
        
                     <asp:UpdatePanel runat="server" ID="UpdatePanel3" UpdateMode="Conditional">  
        
                       <ContentTemplate> 
        
                    <div style="text-align:right">  
        
                <asp:Button ID="Button1" runat="server" Text="Zur Kasse" onclick="Button1_Click" Width="100px"  /> 
        
                </div> 
        
                <asp:Literal ID="LiteralScript" runat="server"></asp:Literal> 
        
                </ContentTemplate> 
        
                </asp:UpdatePanel> 
        
             </asp:Content>

Window

answered on 01 Jul 2009

3 answers

212 views

[Solved] Image Resize - Always Proportional

Hi,
Is there a way to make the built-in resizing functionality of an image to be always proportional?
This is to ensure that content being created is not distorted (in terms of the original image used).

Many Thanks,
Henry Wu

Editor

answered on 01 Jul 2009

1 answer

114 views

Slider Overlapping

Hi
     I have the problem in IE to display the RadGrid..

               I have placed the below code to fit the slider control in radgrid. But once i enabled the scrollbar freezing . I could not get the right dispaly for my slider control while it is loading. But once i change the value of slider, automattically fit accoardingly what i meant to occupy.Plz help me for this problem as soon as poosible.
Note: The slider fits in Firefox but not in IE

my style code are given below for ur reference..

<telerik:GridBoundColumn HeaderStyle-Width="250px" ItemStyle-Width="500px" SortExpression="Quantity"
                            Aggregate="Sum" FooterText="Quantity :" ItemStyle-HorizontalAlign="left" FooterStyle-HorizontalAlign="Center"
                            HeaderText="Quantity" DataField="Quantity" UniqueName="Quantity">
                            <FilterTemplate>
                                <table border="0">
                                    <tr>
                                        <td style="border-width: 0px;">
                                            <asp:Label ID="MinLabel" runat="server" Text="$0"></asp:Label>
                                        </td>
                                        <td style="border-width: 0px;">
                                            <telerik:RadSlider runat="server" ID="RadSlider1" IsSelectionRangeEnabled="true"
                                                SmallChange="5" Style="float:none;display:table-row" ShowDecreaseHandle="false" ShowIncreaseHandle="false" Width="135px"

                                                OnClientSlideStart="ClientSlideStart" />
                                            <div style="clear: both">
                                                <asp:Literal ID="Literal1" runat="server" Text='<%# "Range: $" + StartSlider + " - $" + EndSlider %>' />
                                            </div>

                                        </td>
                                        <td style="border-width: 0px;">
                                            <asp:Label ID="MaxLabel" runat="server" Text="$25"></asp:Label>
                                        </td>
                                    </tr>
                                </table>
                            </FilterTemplate>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="SourceFile" AllowFiltering="false" HeaderText="SourceFile"
                            DataField="SourceFile">
                        </telerik:GridBoundColumn>

Grid

answered on 01 Jul 2009