Questions on UI for ASP.NET AJAX Forum

1 answer

107 views

Select from combobox in add but disable in edit

answered on 09 Jan 2013

2 answers

223 views

ERROR ON GRID "Stop running this script?"

I keep getting this error when there are more than 30 rows in my grid.

Windows Internet Explorer
Stop running this script?

A script on this page is causing Internet Explorer to run slowly.
If it Continues to run, your computer may become
unresponsive.

YES NO

Here is the code for the Grid:

    
                <telerik:RadGrid ID="RadGrid1"   
        
                         AllowMultiRowSelection="True"   
        
                         AllowSorting="True" 
        
                         AllowNaturalSort="True"   
        
                         AllowPaging="False" 
        
                         AutoGenerateColumns="False"   
        
                         AlternatingItemStyle-HorizontalAlign="Center"   
        
                         BackColor="#ffffff"   
        
                         CellPadding="2"   
        
                         CellSpacing="2" 
        
                         EnableEmbeddedSkins="False" 
        
                         GridLines="None"   
        
                         GroupingEnabled="True"   
        
                         HeaderStyle-Height="20"   
        
                         Height="470px"          
        
                         ItemStyle-HorizontalAlign="Center"     
        
                         OnSortCommand="RadGrid1_SortCommand"   
        
                         OnNeedDataSource="RadGrid1_NeedDataSource"   
        
                         OnItemDataBound="RadGrid1_ItemDataBound"   
        
                         ShowFooter="True"   
        
                         ShowHeader="True"   
        
                         ShowGroupPanel="True"   
        
                         ShowStatusBar="True"   
        
                         Skin="MySkin"    
        
                         Width="100%"   
        
                         Runat="server">        
        
                           <MasterTableView AllowMultiColumnSorting="True" DataKeyNames="Column1,Column2" EditMode="InPlace" TableLayout="Fixed" HeaderStyle-Wrap="false" > 
        
            <Columns> 
        
               <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" HeaderStyle-Width="25" /> 
        
               <telerik:GridBoundColumn DataField="UniqueColumnName" Visible="False" />    
        
              <telerik:GridBoundColumn DataField="UniqueColumnName" Visible="False" />   
        
              <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Customer ID" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="Center" SortExpression="UniqueSort" /> 
        
              <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Customer" HeaderButtonType="TextButton" HeaderStyle-Width="300px" ItemStyle-HorizontalAlign="Left" SortExpression="UniqueSort" /> 
        
              <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Request #" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="Center" SortExpression="UniqueSort" /> 
        
              <telerik:GridTemplateColumn HeaderText="Refresh Type"  HeaderStyle-Width="150" ItemStyle-HorizontalAlign="center">  
        
                <ItemTemplate> 
        
                   <telerik:RadComboBox ID="RadComboBoxRefreshType" Width="150" Skin="Vista" runat="server">  
        
                    <Items> 
        
                       <telerik:RadComboBoxItem Text="Product" Value="0" /> 
        
                       <telerik:RadComboBoxItem Text="Sales - Customer" Value="1" /> 
        
                       <telerik:RadComboBoxItem Text="Sales - Offer" Value="2" /> 
        
                    </Items> 
        
                   </telerik:RadComboBox>                
        
                 </ItemTemplate> 
        
              </telerik:GridTemplateColumn> 
        
             <%-- There is a table for Batch Type but we will just create this in the code for now--%> 
        
              <telerik:GridTemplateColumn HeaderText="Batch Time" ItemStyle-HorizontalAlign="center">  
        
                  <ItemTemplate> 
        
                     <telerik:RadComboBox ID="RadComboBoxBatchType"  Width="90" Skin="Vista" runat="server">  
        
                       <Items> 
        
                          <telerik:RadComboBoxItem Text="Not Set" Value="0" /> 
        
                          <telerik:RadComboBoxItem Text="Morning" Value="1" /> 
        
                          <telerik:RadComboBoxItem Text="Evening" Value="2" /> 
        
                          <telerik:RadComboBoxItem Text="Both" Value="3" /> 
        
                          <telerik:RadComboBoxItem Text="Now" Value="4" /> 
        
                       </Items> 
        
                      </telerik:RadComboBox>                
        
                  </ItemTemplate> 
        
              </telerik:GridTemplateColumn> 
        
              <telerik:GridTemplateColumn HeaderText="Unique Name" ItemStyle-HorizontalAlign="center">  
        
                      <ItemTemplate> 
        
                           <telerik:RadDatePicker ID="RadDateRefreshThru" Style="vertical-align: middle;" MinDate="2000-2-1" Width="75" runat="server" Skin="WebBlue">   
        
                          </telerik:RadDatePicker> 
        
                      </ItemTemplate> 
        
              </telerik:GridTemplateColumn> 
        
              <telerik:GridTemplateColumn HeaderText="Unique Name" ItemStyle-HorizontalAlign="center">  
        
                      <ItemTemplate> 
        
                           <telerik:RadComboBox ID="RadComboStartBillMonth"  Width="90" Skin="Vista" runat="server" /> 
        
                      </ItemTemplate> 
        
              </telerik:GridTemplateColumn> 
        
              <telerik:GridTemplateColumn HeaderText="Unique Name" ItemStyle-HorizontalAlign="center">  
        
                      <ItemTemplate> 
        
                           <telerik:RadComboBox ID="RadComboBoxEndBillMonth"  Width="90" Skin="Vista" runat="server" />   
        
                      </ItemTemplate> 
        
              </telerik:GridTemplateColumn> 
        
              <telerik:GridTemplateColumn HeaderText="Unique Name" ItemStyle-HorizontalAlign="center">  
        
                   <ItemTemplate> 
        
                     <telerik:RadNumericTextBox  ID="id1" Type="Number" MaxLength="9" style="text-align:right;" Width="60" runat="server" > 
        
                       <NumberFormat AllowRounding="False" KeepNotRoundedValue="True" /> 
        
                    </telerik:RadNumericTextBox> 
        
                   </ItemTemplate> 
        
              </telerik:GridTemplateColumn> 
        
              <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="center"  SortExpression="UniqueSort" /> 
        
              <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" HeaderStyle-Width="150px" ItemStyle-HorizontalAlign="Left" SortExpression="UniqueSort" /> 
        
              <telerik:GridBoundColumn DataField="UniqueColumnName"HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="Left" HeaderStyle-Wrap="false" SortExpression="UniqueSort" /> 
        
              <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="Left" SortExpression="UniqueSort" /> 
        
              <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" HeaderStyle-Width="200px" ItemStyle-HorizontalAlign="Left"  SortExpression="UniqueSort" /> 
        
              <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" HeaderStyle-Width="150px" ItemStyle-HorizontalAlign="center" HeaderStyle-Wrap="false" DataFormatString="{0:MM/dd/yyyy}" SortExpression="UniqueSort" /> 
        
              <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="center" SortExpression="UniqueSort" /> 
        
              <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="center"  DataFormatString="{0:MM/dd/yyyy}" SortExpression="UniqueSort" /> 
        
              <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="center" DataFormatString="{0:MM/dd/yyyy}" SortExpression="UniqueSort" /> 
        
              <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="center" SortExpression="UniqueSort" /> 
        
              <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="Left" SortExpression="UniqueSort" /> 
        
              <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="Left" SortExpression="UniqueSort" /> 
        
              <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="center" SortExpression="UniqueSort" /> 
        
              <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="right" DataFormatString="{0:$#,##0.0000}" SortExpression="UniqueSort" /> 
        
              <telerik:GridTemplateColumn HeaderText="Comments" HeaderStyle-Width="150" ItemStyle-HorizontalAlign="center">  
        
                  <ItemTemplate> 
        
                      <asp:ImageButton ID="ImageButtonComment" ImageUrl="~/images/Comment.gif" AlternateText="Add Comment" Height="13" Width="13" runat="server" />              
        
                  </ItemTemplate> 
        
              </telerik:GridTemplateColumn> 
        
             </Columns> 
        
             <HeaderStyle Width="100px" /> 
        
            </MasterTableView> 
        
              <ClientSettings AllowColumnsReorder="True" AllowDragToGroup="True" ReorderColumnsOnClient="True" AllowRowHide="True" > 
        
                 <Resizing AllowColumnResize="True" AllowRowResize="False" ResizeGridOnColumnResize="False" ClipCellContentOnResize="True" EnableRealTimeResize="False" /> 
        
                 <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True"  FrozenColumnsCount="3" />     
        
                 <Selecting AllowRowSelect="True" /> 
        
              </ClientSettings> 
        
            </telerik:RadGrid>

Grid

answered on 09 Jan 2013

3 answers

154 views

RadMenu is not working on Safari

Hi,

I am using telerik controls since last one year and these control are compatible with IE, FireFox, Chrome but not working in Safari.
I have tried to use menu control, button, combobox, grids but server side events are not working on Safari.
I found some links which are saying that they got solution, I tried them but they are of no use. here are the links

http://forums.asp.net/t/1733434.aspx/1

http://www.codeproject.com/Tips/429169/ASP-NET-menu-control-issue-in-Chrome-and-Safari

http://bettereducation.com.au/it/yaf_postsm2938_Problem-with-rendering-aspnet-menu-control-in-Chrome-and-Safari.aspx

http://dotnetslackers.com/Community/blogs/kaushalparik/archive/2009/02/13/asp-menu-server-control-cross-browser-compatibility-safari-chrome.aspx

http://dotnet-muthukrishnan.blogspot.com/2012/03/aspnet-menu-control-not-working-in.html

solution mention in above links are not working. Please help me out in this regard and please provide some test project which having mentioned controls and is working on Safari.

Regards
Sheeraz Raza

Menu

answered on 09 Jan 2013

7 answers

322 views

Telerik.Web.UI.Orientation has already been registered with RadDock as a Popup

Hello,
I have 2 developing environments. I have developed a sharepoint project where I include the drag and drop feature from the RadGrid to RadSchdeuler. When I drag and drop an item to the schdeuler, I am showing a RadDock as a Popup from client side using

Sys.Application.add_load(openForm);

So that it will show my appointment editing window. In one environment it is working and in the other one when I drag and drop it is giving me a script exception.

"Error: Sys.InvalidOperationException: Type Telerik.Web.UI.Orientation has already been registered. The type may be defined multiple times or the script file that defines it may have already been loaded."

If I remove that Sys.Application.add_load(openForm); then it wont give me an error, but it wont load the dock.

The Dock

<asp:Panel runat="server" ID="panelAlert">

<telerik:RadDock runat="server" ID="RadDockAlert" Width="350px" Height="120px" Closed="true"

Style="z-index: 2000;" Title="Alert">

<Commands>

<telerik:DockCloseCommand></telerik:DockCloseCommand>

</Commands>

<ContentTemplate>

<div align="center">

<asp:Label ID="lbAlertMsg" runat="server"></asp:Label>

</div>

<br />

<div align="center">

<a onclick="hideAlertForm();" id="aAlertOK" runat="server">

<asp:Label ID="Label3" CssClass="spriteButtons popUpOkButton" runat="server">Ok</asp:Label>

</a>

</div>

</ContentTemplate>

</telerik:RadDock>

</asp:Panel>

The function to show the popup

function openAlertForm() {

var dock = $find("<%= RadDockAlert.ClientID %>");

// Center the RadDock on the screen

var viewPort = $telerik.getViewPortSize();

var xPos = Math.round((viewPort.width - parseInt(dock.get_width())) / 2);

var yPos = Math.round((viewPort.height - parseInt(dock.get_height())) / 2);

$telerik.setLocation(dock.get_element(), { x: xPos, y: yPos });

dock.set_closed(false);

Sys.Application.remove_load(openAlertForm);

}

Drag-n-Drop function

function rowDropping(sender, eventArgs) {

// Fired when the user drops a grid row

var htmlElement = eventArgs.get_destinationHtmlElement();

var scheduler = $find('<%= RadScheduler1.ClientID %>');

if (isPartOfSchedulerAppointmentArea(htmlElement)) {

// The row was dropped over the scheduler appointment area

// Find the exact time slot and save its unique index in the hidden field

var timeSlot = scheduler._activeModel.getTimeSlotFromDomElement(htmlElement);

startDateTime = timeSlot.get_startTime();

Sys.Application.add_load(openForm);

$get('<%= TargetSlotHiddenField.ClientID %>').value = timeSlot.get_index();

// The HTML needs to be set in order for the postback to execute normally

eventArgs.set_destinationHtmlElement('<%= TargetSlotHiddenField.ClientID %>');

}

else {

// The node was dropped elsewhere on the document

eventArgs.set_cancel(true);

}

I am also doing this on the OnInit of the function of the page.

http://www.telerik.com/community/forums/aspnet-ajax/scheduler/asp-updatepanel-and-radscheduler-issues.aspx

I did this because the navigation from day to week etc in the RadSchdeuler.

Any help on this would be gladly accepted.

Dock

answered on 09 Jan 2013

2 answers

126 views

Treeview CSS not used

I have this

    <style type="text/css">
 
html .RadTreeView_Default,
html .RadTreeView_Default a.rtIn,
html .RadTreeView_Default .rtEdit .rtIn input {
  font-family: arial !important;
        font-size: 8pt !important;
        color: red !important;
}
 
    </style>

and my simple tree

    <telerik:RadTreeView ID="RadTreeView1" runat="server" Width="300px"   style="white-space:normal"  
        OnClientNodeExpanded="rtvExplore_OnNodeExpandedCollapsed"
                    OnClientNodeCollapsed="rtvExplore_OnNodeExpandedCollapsed" 
     >
    </telerik:RadTreeView>

but the CSS has no effect on the format?

TreeView

answered on 09 Jan 2013

1 answer

54 views

white image placeholder flash after clicking button

Hello,

Please find below a definition for a rotator with a viewport of 4 items. 5 items were placed statically inside the rotator. After clicking buttons, in either direction, in the rotator, an empty placeholder is depicted in the rotator image area. Could you please help me in fixing this problem.

Please find below the rotator definition.

<telerik:RadRotator ID="radRotator" runat="server" Width="520px" Height="120px" ItemHeight="120px" ItemWidth="120px" RotatorType="Buttons">
                <telerik:RadRotatorItem>
                    <ItemTemplate>
                        <asp:Image runat="server" ID="imgRotatorItem" ImageUrl="" Height="120px" Width="120px"/>
                    </ItemTemplate>
                </telerik:RadRotatorItem>

Thanks,
Oner

Rotator

answered on 09 Jan 2013

3 answers

139 views

Opening up a radwindow form with existing data from a context menu, from a record on a radgrid

Hello,

I was hoping to get some help in figuring out how to open up a form that pops up as a rad window when clicked open from the context menu on a record, with its existing data that has been previously input. I tried figuring it out, but it will only open up a new blank form, (although it shows up with the form id pertaining to that record). Is there a reason why the data does not display? I am storing and retrieving data from Management Studio SQL Server db.

UI for ASP.NET AJAX in ASP.NET MVC

answered on 09 Jan 2013

5 answers

112 views

Combox Onload demand in Grid

Hello
I upgraded Telerik Controls to DevCraft Ultimate. Radcombobox used to work with my older version now it stopped working checked the forums changed the code as per this link
http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridincombobox/defaultvb.aspx?product=grid

It shows undefined

var ajxgrid =Window[Window['RadAjaxManager1'

]];

My old version was

<script language="javascript" type="text/javascript">

var grid;

function GridCreated(sender,args) {

grid = sender;

}

//Selecting value from the

function RowClicked(rowIndex) {

var cellValues = this.Rows[rowIndex].KeyValues["Last"] ;

var id = this.Rows[rowIndex].KeyValues["id"];

if (window['comboboxId']) {

var combo = window[window['comboboxId']];

setTimeout(function () {

combo.SetText(cellValues);

combo.SetValue(id);

}, 0);

}

//Show DropDown

function HandleOpen1(sender,eventargs) {

//var inputElement = document.getElementById(combobox.InputID);

if (sender.get_text().length > 1) {

grid.AjaxRequest(grid.UniqueID, "LoadFilteredData," + sender.get_text());

}

else {

return false;

}

</script>

<Telerik:radcomboBox id="RadComboBox1" Width="300px" runat="server" MarkFirstMatch="True" AllowCustomText="True"

OnClientDropDownOpening="HandleOpen1" UseEmbeddedScripts="true" >

<ItemTemplate>

<Telerik:RadGrid id="Grid" Width="295px" runat="server" EnableAJAX="true" EnableAJAXLoadingTemplate="true" PageSize="10" >

<ClientSettings >

<ClientEvents OnRowClick="RowClicked" OnGridCreated="GridCreated"></ClientEvents>

<Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="250px" />

</ClientSettings>

</Telerik:RadGrid>

</ItemTemplate>

<Items>

<Telerik:RadcomboBoxItem ID="RadcomboBoxItem1" runat="server"></Telerik:RadcomboBoxItem>

</Items>

</Telerik:radcomboBox>

it gives me error near grid.ajaxrequest.

Please help. Can you let me know what exactly I need to change.

Thank you
Kavya M

Grid

answered on 09 Jan 2013

8 answers

279 views

RadComboBox in Formview - SelectedIndexchanged

Hi,

I'm currently trying to make the SelectedIndexchanged event available inside a Formview.
What i tried was adding an handler like:

(FormView1.Row.FindControl("rb_fvCustomer") as RadComboBox).AutoPostBack = true;

(FormView1.Row.FindControl("rb_fvCustomer") as RadComboBox).SelectedIndexChanged += new RadComboBoxSelectedIndexChangedEventHandler(customerCB_SelectedIndexChanged);

Including the defintion of the method:

private void customerCB_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

// DoStuff();

}

It somehow does add the eventhandler but does not fire the according event when changing selection. Is DataBound the wrong place to apply the Even? Any hints about this issue?

regards, Michael

ComboBox

answered on 09 Jan 2013

2 answers

600 views

Skins

I cannot get any skin to load other than Default in my project. I added a reference to Telerik.Web.UI.Skins.dll but it still doesn't work. I am using Telerik 2012 Q1 NET 40.

Thanks,
Sam

Scheduler

answered on 09 Jan 2013