Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
69 views
Is there a way to set up the Text Editor to be able to format the position of uploaded pictures and videos with respect to the text that is typed in?  Mainly I'm talking about text wrapping and the margins that are placed around those pictures and videos.  This is something that is needed if the text editor is used in conjuntion with a blog.  Is there already a setting in place to adjust this or where would I have to specify this in the code?

Thanks
Rumen
Telerik team
 answered on 18 Apr 2012
1 answer
82 views
Hi,

Can anybody please suggest me.I have to develop a asp.net web application compatible to ipad.
But my doubt is can we develop a ipad compatible web application using Telerik ASP.Net AJAX controls without using asp.net MVC.

Thanks.
Iana Tsolova
Telerik team
 answered on 18 Apr 2012
13 answers
535 views
Hi,

I have the following issue: 
I have a Radgrid, with the definition bellow, in a user control, in an AJAX page, deployed on sharepoint. On an AJAX event the grid is given a DataSet as DataSource and populated. If I change the page and open the edit form for a row the grid changes the page back to page one and opens in edit mode the corresponding row on that page. At a debug I've seen that needDataSource handler is called before ItemCommand handler. Do you have any idea why this happens?
I tried to isolate the code in a simple project but if I put the control with the grid in a simple AJAX page, it behaves normally.

Thank you,
Victor

<snt:CustomizedGrid ID="dgQResults" runat="server" Skin="Office2007"  
    OnNeedDataSource="dgQResults_NeedDataSource"  
    OnItemCommand="dgQResults_ItemCommand"  
    OnPreRender="dgQResults_PreRender" 
    OnItemCreated="dgQResults_ItemCreated"  
    OnInsertCommand="dgQResults_InsertCommand"  
    OnUpdateCommand="dgQResults_UpdateCommand"  
    OnDeleteCommand="dgQResults_DeleteCommand"  
    OnColumnCreated="dgQResults_ColumnCreated" 
    OnPageIndexChanged="dgQResults_PageIndexChanged" 
    Width="100%" Height="370px" 
    AllowFilteringByColumn="True" 
    ShowCustomFilters="true" 
    AllowSorting="True" 
    CustomEnableInsert="false" 
    CustomEnablePrint="true"  
    EnableLinqExpressions="false" 
    AutoGenerateDeleteColumn="true" 
    > 
    <MasterTableView 
        AutoGenerateColumns="True"  
        RetrieveDataTypeFromFirstItem="true"
        <Columns> 
            <telerik:GridButtonColumn ButtonType="ImageButton" ImageUrl="/_layouts/SMISUGIS/Images/Arrow.png" UniqueName="SelectColumn" CommandName="DisplayObject"
            </telerik:GridButtonColumn> 
            <snt:CustomizedGridEditColumn></snt:CustomizedGridEditColumn> 
        </Columns> 
        <EditFormSettings ColumnNumber="2" >   
            <FormTableItemStyle Wrap="False"></FormTableItemStyle>  
            <FormMainTableStyle CellSpacing="0" CellPadding="3" BackColor="#FEFCE8" />  
            <FormTableStyle CellSpacing="0" CellPadding="2" Height="110px"  
                BackColor="#FEFCE8" /> 
            <FormStyle Width="100%" BackColor="#FEFCE8"></FormStyle>                  
            <FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>  
            <EditColumn ButtonType="ImageButton"   
                CancelText = "Anuleaza" CancelImageUrl = "/_layouts/TabStrip/cancel.gif" 
                InsertText="Adauga" InsertImageUrl = "/_layouts/TabStrip/save.gif"  
                EditText = "Editeaza" EditImageUrl = "/_layouts/TabStrip/save.gif" 
                UpdateImageUrl="/_layouts/TabStrip/save.gif"  
                UniqueName="EditColumn"></EditColumn>  
            <FormTableButtonRowStyle VerticalAlign="Bottom" HorizontalAlign="Left" ></FormTableButtonRowStyle>  
        </EditFormSettings> 
    </MasterTableView> 
</snt:CustomizedGrid> 

(The CutomizedGrid and CustomizedGridEditColumn extend the RadGrid and GridEditCommandColumn)


Stan
Top achievements
Rank 1
 answered on 18 Apr 2012
2 answers
116 views
I am trying to create a RowSelection Checkbox Column on my grid programatically, no Templates on the ASCX file. Reason for programatically creating it is because I am trying to create a "Wrapper" class using the RADGrid, so I can easily use it all over my application directly in my code.

I first tried using Telerik.Web.UI.GridClientSelectColumn. Problem is that because it's a "ClientSide" selection, it kept losing the SelectedRow values on PageChange. I looking into retaining the SelectedRows using JavaScript, but from what I can tell, it wouldn't be feasible for my particular situation (Passing the selected rows back and forth between client/server seemed way to complicated and possible unworkable for my situation). So I decided to switch to Server-Side code. From what I gathered, in order to do that I had to use a different ColumnType, so I found Telerik.Web.UI.GridCheckBoxColumn. I have a few problems that I cant seem to figure out for the life of me...

1) The column when rendered, is disabled..have no clue how to enable it
2) The column is missing the checkbox in the header as a "Select All" feature
3) After creating the column, in the related event methods, I can't seem to obtain a reference to said column.
     - ie: In the ItemCreated() event, e.Item.FindControl("chkSelect") returns Nothing

Below are snippets of my code...

Column Creation Code:
'***************************************
' Initialize Variables
'***************************************
Dim objColumn_Select As New Telerik.Web.UI.GridCheckBoxColumn
 
'***************************************
' Add Button Column To Grid
'***************************************
Me.gridMain.Columns.Add(objColumn_Select)
 
'***************************************
' Define Column Properties
'***************************************
With objColumn_Select
     .ItemStyle.HorizontalAlign = HorizontalAlign.Center
     .HeaderText = ""
     .UniqueName = "chkSelect"
End With


Grid's ItemCreated() event:
'***************************************
' Add Handler To Custom ItemPreRender Event
'***************************************
AddHandler e.Item.PreRender, AddressOf Me.gridMain_ItemPreRender
 
'***************************************
' Add "OnCheckedChanged" Event
'***************************************
CType(e.Item.FindControl("chkSelect"), CheckBox).Attributes("onCheckedChanged") = "gridMain_ToggleRowSelection"

The above code doesn't work, crashing on the FindControl() method because it doesn't find the control "chkSelect".

Any help would be greatly appreciated!
Ben
Top achievements
Rank 1
 answered on 18 Apr 2012
5 answers
243 views
Hello,

I'm currently facing a problem with the RadCombobox by using the jQuery dialog. When I make use of the modalpopupextender of the AjaxControlToolkit I don't have any problems. Let me explain what I've done.

I have a usercontrol with two RadComboBoxes on it. This usercontrol is loaded via the codebehind via the code: var ctl = LoadControl("MyCustomUserControl"); When I have loaded this control I add it to a asp.net Panel via the Controls.Add function. Quite easy and nothing special on it, but now the magic begins.

There are two situations:

1) I do not call the jQuery popup and I navigate to a new page
2) I do call the jQuery popup but press cancel (to destroy the popup) or ok (to destroy the popup and start the process clientside)

What happens in both situations?

In the first situation no exceptions are thrown and nothing happens really which is the desired effect. In the second situation I get an exception thrown in javascript which I will show in a second. When I make use of a modalpopupextender no exceptions are thrown. So my question is how can I resolve this issue? Is this even possible to resolve? Anyway let me post my findings and hopefully you can see what is happening here.

General:

- Visual Studio 2010 Ultimate
- .NET Framework 4.0
- Telerik controls version: 2011.1.315.40
- Exception thrown in: Internet Explorer 8, Internet Explorer 9
- Works in: Firefox, Chrome, Safari, Opera

The radcombobox settings:

<telerik:RadComboBox ID="cbTest" runat="server" Width="100%"
                            AllowCustomText="True" EmptyMessage="CustomText"
                            EnableEmbeddedScripts="False" Filter="Contains" MarkFirstMatch="True"
                            RegisterWithScriptManager="False" RadComboBoxImagePosition="Right" ZIndex="100101"></telerik:RadComboBox>

I have included all javascripts in my masterpage and works good because all other comboboxes (so without the jQuery dialog) works perfectly.

The panel where the combobox resides in:

    <asp:Panel ID="pTest" runat="server" style="display: none;">
        <asp:Panel ID="pTestData" runat="server">
             // Usercontrol is inserted here
        </asp:Panel>
    </asp:Panel>

The jQuery dialog call:

        // Get the dialog box
        var popup = $("[id $= 'pTest']");

        //Add the localized buttons
        var buttonsArray = {};
        buttonsArray[rmLoader().GetResource(1)] = function () { $(this).dialog('destroy'); DoWork(); };
        buttonsArray[rmLoader().GetResource(2)] = function () {
            $(this).dialog('destroy');
        };

        // Show it
        popup.dialog({
            width: 'auto',
            title: rmLoader().GetResource(3),
            buttons: buttonsArray,
            resizable: false,
            modal: true,
            close: function () {
                $(this).dialog('destroy');
            }
        });

And now the exception that is thrown:

In my findings I see when the page gets unloaded the controls are also trying to remove any handlers on them. This is where the problem occurs. In the RadComboBoxScripts.js the method $telerik.removeHandler(c,"focus",this._onFocusDelegate) is called to remove the handler of the RadComboBox. It seems to be that it passes the control (HTML element), the event that needs to be removed and the function to apply the changes.

The next step it calls the following function in the ScriptResource (which means it is now in the ScriptManager of Microsoft itself) $telerik._removeHandler(c,b,a). If I validate the c, b and a they are all filled in so I continue the process. At the line var c=a._events[f]; it is trying to obtain the event? When I validate the a._events it tells me that _events is null or not defined. I have attached the screenshots how I currently see it in my visual studio environment.

I think that my clientside object is gone by calling the jQuery.dialog("destroy"). I've also tried "Close" and other options that are available. All result in this exception in Javascript.

I hope someone can provide with an answer.

Best regards,
Michiel Peeters

NOTE: I've also tried to create an example project but somehow it works then but that didn't gave me the answer about this situation.
Cat Cheshire
Top achievements
Rank 1
 answered on 18 Apr 2012
4 answers
125 views
We're using the version "RadControls for ASP.NET AJAX Q2 2010". We have a functional page with a RAD Editor.

On another page within the same application, I have added a RAD Editor within a Repeater control. The RAD Editor control (on both the pages) is using the same ToolsFile.xml. All the properties for the Editor are set the same way as the one on the functional page. For some reason, all the toolbox features are disabled on this page. In IE 9.0, the content area is editable. However, in FF and Chrome, the content area is not editable. I do not see any errors...




Rumen
Telerik team
 answered on 18 Apr 2012
2 answers
105 views
Does RadUpload work with the integrated pipeline mode of IIS7 (I see posts from several years back that it did not). It appears to work fine with the ASP.NET Development Server but once deployed to a test server running 2k8R2 IIS7 I get a 404 - File or directory not found when attempting a larger file upload. This file size would be large enough to trigger the upload progress bar. As far as I can see my web.config is fine, the only difference being that I'm running in 4.0 Integrated mode. I cannot (well it would be a major pain) go to using the Classic Asp.Net app pool and trying to use the 4.0 classic mode results in a failure as well. I'm running Q3 2011 of the Telerik Controls.

Any help would be appreciated
ColinBlakey
Top achievements
Rank 2
 answered on 18 Apr 2012
0 answers
74 views
Hi Telerik Team,

I'm new to radgrid and i have an issue with grid loading time is more than a minute event less number or none..
So, I have gone throught at db level every thing is fine and it is taking 1 second while data retrival at query level.

may it possiable with radGrid to slow down the process?
If so, let me know with optimization tips at grid level..

Code:
<telerik:RadGrid ShowGroupPanel="true" AutoGenerateColumns="false" ID="GrdJobList"
                Skin="Vista" AllowFilteringByColumn="false" AllowSorting="True" ShowFooter="True"
                runat="server" GridLines="None" AllowPaging="true" PageSize="10" OnSelectedIndexChanged="GrdJobList_SelectedIndexChanged">
                <PagerStyle Mode="NextPrevNumericAndAdvanced" AlwaysVisible="true" />
                <ExportSettings HideStructureColumns="True" FileName="ServiceSummaryJobs" ExportOnlyData="true"
                    IgnorePaging="true" OpenInNewWindow="true" />
                <MasterTableView ShowGroupFooter="true" AllowMultiColumnSorting="true" GroupLoadMode="Server"
                    GroupsDefaultExpanded="true" Name="MainTable"
                    TableLayout="Fixed">
                    <Columns>
                        <telerik:GridTemplateColumn UniqueName="RadioButtonTemplateColumn" HeaderStyle-Width="30px">
                            <ItemTemplate>
                                <asp:RadioButton id="RadioButton1" OnCheckedChanged="RadioButton1_CheckedChanged"
                                    AutoPostBack="True" runat="server">
                                </asp:RadioButton>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridButtonColumn ButtonType="ImageButton" ImageUrl="../../Files/Images/icons/icoView.gif"
                            UniqueName="ViewButton" CommandName="ViewCommand" HeaderStyle-Width="30px">
                        </telerik:GridButtonColumn>
                        <telerik:GridButtonColumn ButtonType="ImageButton" ImageUrl="../../Files/Images/icons/icoAuthorise.gif"
                            UniqueName="AuthoriseButton" CommandName="AuthoriseCommand" HeaderStyle-Width="25px">
                        </telerik:GridButtonColumn>
                        <telerik:GridBoundColumn DataField="Id" HeaderText="Id" HeaderStyle-Width="60px"
                            FilterControlWidth="20px">
                        </telerik:GridBoundColumn>
                        <%-- <telerik:GridHyperLinkColumn DataTextField="Id" HeaderText="Job Id" HeaderStyle-Width="60px" FilterControlWidth="20px" DataNavigateUrlFields="Id" DataNavigateUrlFormatString="javascript:openViewJobPopUp('{0}');" >
                        </telerik:GridHyperLinkColumn>
                        <telerik:GridTemplateColumn HeaderText="Job Id" HeaderStyle-Width="60px" FilterControlWidth="20px">
                            <ItemTemplate>                              
                                    <dns:DotNetSmithPopBtn CommandName="popupViewJobCommand" ID="btnPopViewJob" BackColor="WhiteSmoke" ForeColor="blue" runat="server" Text='<%#Eval("Id")%>' PopupURL="~/Pages/Jobs/PopupQuickJobInfo.aspx" PopupURLParams='<%# "JobId="+Eval("Id").ToString()%>'  Height="22px" Width="40px" />                              
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>  --%>
                        <telerik:GridDateTimeColumn DataField="ReceivedDate" HeaderText="Worked On" DataFormatString="{0:dd-MMM-yyyy}"
                            HeaderStyle-Width="70px">
                        </telerik:GridDateTimeColumn>
                        <%-- <telerik:GridBoundColumn DataField="ReceivedDate" HeaderText="Worked On" DataFormatString="{0:dd-MMM-yyyy}"
                            HeaderStyle-Width="130px">
                        </telerik:GridBoundColumn>--%>
                        <telerik:GridBoundColumn DataField="ContactName" HeaderText="Customer" SortExpression="ContactName"
                            HeaderStyle-Width="100px">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="PersonName" HeaderText="Requested By" HeaderStyle-Width="200px"
                            Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="SiteName" HeaderText="Site" SortExpression="SiteName"
                            UniqueName="SiteName" HeaderStyle-Width="100px">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="LocationDesc" HeaderText="Location" SortExpression="LocationDesc"
                            UniqueName="LocationDesc" HeaderStyle-Width="200px" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="SerialNo" HeaderText="Serial No" SortExpression="SerialNo"
                            HeaderStyle-Width="90px">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="CustomerAssetNo" HeaderText="Asset No" SortExpression="CustomerAssetNo"
                            HeaderStyle-Width="90px" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="EquipmentNo" HeaderText="Eqp No" SortExpression="EquipmentNo"
                            HeaderStyle-Width="70px" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="ModelNo" HeaderText="Model No" SortExpression="ModelNo"
                            FilterControlWidth="60px" HeaderStyle-Width="70px">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="PurchaseOrderNo" HeaderText="Purchase Order"
                            FilterControlWidth="60px" SortExpression="PurchaseOrderNo" HeaderStyle-Width="70px">
                        </telerik:GridBoundColumn>
                        <telerik:GridTemplateColumn HeaderText="Job Total (Ex-GST)" HeaderStyle-Width="70px">
                            <ItemTemplate>
                                <asp:Label Id="lblJobTotal" runat="server" Text='<%# getJobTotalExcl(Eval("Id")) %>'>
                                </asp:Label>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridBoundColumn DataField="JobStatus" HeaderText="Status" SortExpression="JobStatus"
                            FilterControlWidth="120px" HeaderStyle-Width="100px">
                        </telerik:GridBoundColumn>
                        <telerik:GridButtonColumn ButtonType="ImageButton" ImageUrl="../../Files/Images/icons/icoWarranty.gif"
                            UniqueName="CalculateWarrantyButton" CommandName="CalculateWarrantyCommand" HeaderStyle-Width="30px">
                        </telerik:GridButtonColumn>
                    </Columns>
                </MasterTableView>
                <ClientSettings AllowDragToGroup="true">
                    <Selecting AllowRowSelect="True" UseClientSelectColumnOnly="True" />
                    <Scrolling AllowScroll="True" UseStaticHeaders="True"></Scrolling>
                    <Resizing AllowColumnResize="true" />
                </ClientSettings>
                <GroupingSettings ShowUnGroupButton="true" />
            </telerik:RadGrid>
Chakrapani
Top achievements
Rank 1
 asked on 18 Apr 2012
1 answer
72 views
How to show different user controls in edit and insert mode?
Princy
Top achievements
Rank 2
 answered on 18 Apr 2012
3 answers
174 views
I need to clear the DateInput field and CalendarPopUp when I click a radio button.  I have my RadDatePicker set up like this:
 

<

 

telerik:RadDatePicker

 

 

SharedCalendarId="sharedCalendar"

 

 

id="dpAuditorReportBeginDate"

 

 

MinDate="1/1/1900"

 

 

Runat="server"

 

 

Width="100px"

 

 

style="vertical-align:middle;"

 

 

cssClass="inputdata">

 

 

<DateInput cssClass="inputdata" runat="server"/>

 

 

</telerik:RadDatePicker> 

ThisDate needs to happen from Javascript. 
I am using "RadControls for ASPNET AJAX Q1 2008" version. 
So far I have tried the .Clear() and .clear() without success like this:
Have tried other forum responses and either can't find object or get a null error. 
I have this wrapped in a div and can disable everything in the div but the calendar items.

function toggle enabled(){

 

    var picker1 = $find("<%= dpAuditorReportBeginDate.ClientID %>");
    picker1.clear()
}

Hope you can help!!
Thanks,
Chris

karthik
Top achievements
Rank 1
 answered on 18 Apr 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?