Questions on UI for ASP.NET AJAX Forum

1 answer

136 views

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

Hi,

I am facing one problem.

When I load too much records in telerik Rad grid then in IE it gives me following error :

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

But in FF it works fine.

Is there any way to reduce the page weight or view state while using telerik Rad grid or any other way to overcome this error.

Please replay ASAP.

Grid

answered on 14 Aug 2009

0 answers

93 views

Text in comBobox

HI
There are a couple of comBobox named comBobox1 and comBobox2, and there is a SelectIndexChanged event for comBobox1.when this event fired,value (text as well) in comBobox2 shloud be changed as value in comBobox1 was changed. Here i get a problem,when the event occured,text in comBobox2 always the old one(even if it did not exist in the new datasourse),it did not refresh, and i need to delete the old text manually.
Is there any way to resolve it? Following is the demo

    
             protected void ddlMfg_SelectedIndexChanged(object sender, EventArgs e) 
        
                { 
        
                    int mfg; 
        
                    if (int.TryParse(this.ddlMfg.SelectedValue, out mfg)) 
        
                    { 
        
                        this.ddlBrandedLabel.Items.Clear(); 
        
                        this.ddlBrandedLabel.DataSource = ProductStatus.ProductBrandedLabel_SelectAll_ByMfgId_AsDataSet(mfg, 0, 9); 
        
                        this.ddlBrandedLabel.DataBind(); 
        
                    } 
        
                    else 
        
                    { 
        
                        ddlBrandedLabel.Items.Clear(); 
        
                    } 
        
                }

Best regards

ComboBox

asked on 14 Aug 2009

1 answer

175 views

Cannot Display RadEditor as Textbox

I am trying to customize the appearance of a RadEditor in my application to look like a normal textbox, but for some reason the styles do not seem to be taking effect. I have followed the instructions in the online example at the following address without success:

http://demos.telerik.com/aspnet-ajax/editor/examples/editorastextbox/defaultcs.aspx

Here is the code that I have added to my page to try and achieve the textbox look and feel.

    
            <asp:Content ID="MainContent" runat="server" ContentPlaceHolderID="RadPanel">  
        
                <!-- Styles to display RadEditor as Textbox --> 
        
                <style type="text/css">  
        
                    .reWrapper_corner, .reWrapper_center   
        
                    {  
        
                        display: none !important;                  
        
                    }  
        
                    .reLeftVerticalSide,   
        
                    .reRightVerticalSide,   
        
                    .reToolZone,  
        
                    .reToolCell  
        
                    {  
        
                        background: white !important;  
        
                    }  
        
                    .reContentCell  
        
                    {  
        
                        border-width: 20 !important;  
        
                    }  
        
                    .RadEditor  
        
                    {  
        
                        filter: chroma(color=c2dcf0);  
        
                    }  
        
                </style> 
        
                <!-- End Styles to display RadEditor as Textbox --> 
        
                <!-- Other page code here.... --> 
        
                <!-- RadEditor which is located within a RadGrid's edit form --> 
        
                <div style="float: left;">  
        
                    <telerik:RadEditor ID="SummaryText" runat="server" Skin="Vista" Height="250" Width="480" EditModes="Design" ToolbarMode="ShowOnFocus"></telerik:RadEditor> 
        
                </div> 
        
                <!-- Other page code here.... --> 
        
            </asp:Content>

I've also tried placing the styles in the <head> of the MasterPage and directly in the application's StyleSheet. None of the options seem to work so I'm at a loss. This application is using the latest 2009 Q2 controls. I do have another editor working in a different application using the 2008 Q3 controls. The styles are placed in the content page, however, the styles are a bit different with the 2008 Q3 controls. It just seems like the styles are no being recognized in my 2009 Q2 application.

If someone from Telerik answers this post I'd also be interested in the skin that was used in this thread entry field. What was done to skin the editor this way and do you have an example of something I could use as a baseline.

Thanks,
Ben

Editor

answered on 13 Aug 2009

8 answers

184 views

Programmatic Creation

Hello All,

I'm trying to create a grid programmatically and am facing some difficulties with regard to PostBack action and/or filtering (error type is dependant on the approach I'm using).
My situation is as follows:
I have a user control that acts as a parent to another user control (ReportMenuBox) and also includes a placeholder (myGridReport). See below:

    
            <div id="ReportPage">  
        
                <div class="ReportPageConainer">  
        
                    <uc6:ReportMenuBox ID="ReportMenuBox1" runat="server" Text="Reports" /> 
        
                    <div class="myStyle" id="ReportBox">  
        
                        <uc5:RoundedHeader ID="RoundedHeader1" runat="server" /> 
        
                        <div class="myClass">  
        
                        <asp:PlaceHolder ID="myGridReport" runat="server"></asp:PlaceHolder> 
        
                        </div> 
        
                    </div> 
        
                </div> 
        
            </div>

The child user control (ReportMenuBox) is a menu in which the user can selects a report type and set the report various parameters. When the user click the submit button in the menu (child user control), in the codebehind I'm creating a grid from scratch and then assign it to the parent placeholder. Everything works fine except to the fact that I can't do any postback operations (pager etc.) because the grid will disappear.
I've tried to change the placeholder to a grid and then build the grid in the child user control based on the parent grid. This approach only works if I call databind or rebind in the child user control, and then I encounter an error with the filtering (index out of range..).

Searching the forum, I only found examples where the codebehind belongs to the displaying user control and thus can be put in the init and page_load, an approach which I can't use.

Any idea would be appreciated.

Grid

answered on 13 Aug 2009

1 answer

135 views

How to limit the Font dropdown

I'm trying to limit the font choices in the font dropdown. my toolsfile looks like this:

<tool name="FontName">
<font name="Arial"/>
<font name="Georgia"/>
</tool>

but then I run the editor in the browser, I get what looks like all the fonts installed on the server. how do i get rid of the default fonts?

WebParts for SharePoint

answered on 13 Aug 2009

2 answers

141 views

[Solved] Template textbox not excepting spaces

I have setup a RadListBox (Q2 2009 3.5) with an ItemTemplate. The template contains a regular textbox control (among other controls). The textbox control however does not do anything when the spacebar is pressed in it. All other keys appear to work fine.

Is this a known issue, and is there a way around this!?

Thanks,

Ben.

ListBox

answered on 13 Aug 2009

0 answers

155 views

Alternating row styles

Hello,

I have a requirement for the project im working on. I will try to illustrate it for you:

Node - color #ccc
   NodeChild - color #abc
   NodeChild - color #xyz
   NodeChild - color #abc
Node - color #ccc
   NodeChild - color #abc
   NodeChild - color #ccc
      Leaf - color #abc
      Leaf - color #xyz
      Leaf - color #abc
   NodeChild - color #xyz (this color should be the alternate of the one above it.)

My question is how can i achieve this? I have been looking though a ton of the documentation and a bunch of the forum posts already. I have not found anything that would solve this problem for me.

Another problem I have is that the color does not span all the way across (only goes out as far as the text goes) for the nodes that I have the background color applied. This tree will be created dynamically so I cant go in there and format it the way I want from the get go.

TreeView

asked on 13 Aug 2009

0 answers

149 views

Refreshing Grids Inside multipageview tabstrip

I have a master grid that sits at the top of my page. Below it there is a tabstrip with three tabs. In each tab I have a multipageview which holds a user control that holds a grid. I used the TabStrip / Load on Demand RadPageView demo as a starting point. When the user selects a row from the parent grid the grid in the selected tab should be refreshed to show the appropriate data based upon a datakeyvalue. I am having a problem because the child grid in the usercontrol fires the needdatasource event before the selecteditem event fires on the mastergrid. Therefore the displayed information is based upon the previous datakeyvalue. I can not seem to figure out how to fire the tabclick event serverside which in turn would fire the needdatasource after I have set the appropriate keyvalue. Any help would be appreciated.

'main aspx page

<%

@ Page Title="" Language="VB" MasterPageFile="~/secure/Institution.master" AutoEventWireup="false" CodeFile="Exams.aspx.vb" Inherits="secure_Exams" %>

<%

@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<

asp:Content ID="Content1" ContentPlaceHolderID="MainContent" Runat="Server">

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

</telerik:RadScriptManager>

<telerik:RadGrid ID="radExams" runat="server" GridLines="None">

<

MasterTableView datakeynames="ExamID">

<

RowIndicatorColumn>

<

HeaderStyle Width="20px"></HeaderStyle>

</

RowIndicatorColumn>

<

ExpandCollapseColumn>

<

HeaderStyle Width="20px"></HeaderStyle>

</

ExpandCollapseColumn>

<telerik:GridButtonColumn CommandName="Select" Text="Select"

UniqueName="column1">

</telerik:GridButtonColumn>

<telerik:GridEditCommandColumn>

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn CommandName="Delete" Text="Delete"

UniqueName="column">

</telerik:GridButtonColumn>

</Columns>

</

MasterTableView>

</telerik:RadGrid>

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

<telerik:RadTabStrip ID="RadTabStrip1" SelectedIndex="0"

runat="server" MultiPageID="RadMultiPage1" Skin="Office2007"

Orientation="HorizontalBottom" ClickSelectedTab="True">

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" Runat="server" SelectedIndex="0"

RenderSelectedPageOnly="True">

</telerik:RadMultiPage>

</asp:Panel>

<telerik:RadAjaxManager runat="server">

<telerik:AjaxSetting AjaxControlID="radExams">

<telerik:AjaxUpdatedControl ControlID="radExams" />

<telerik:AjaxUpdatedControl ControlID="pnlDetails" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadTabStrip1">

<telerik:AjaxUpdatedControl ControlID="pnlDetails" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

</

asp:Content>

'Creation of Tabstrip-

Protected

Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

If Not Page.IsPostBack Then

AddTab(

"ExamRatings")

AddPageView(RadTabStrip1.FindTabByText(

"ExamRatings"))

AddTab(

"ExamEvents")

AddTab(

"ExamNotes")

End If

End Sub

Private Sub AddTab(ByVal tabName As String)

Dim tab As RadTab = New RadTab

tab.Text = tabName

RadTabStrip1.Tabs.Add(tab)

End Sub

Protected Sub RadMultiPage1_PageViewCreated(ByVal sender As Object, ByVal e As RadMultiPageEventArgs) Handles RadMultiPage1.PageViewCreated

Dim userControlName As String = e.PageView.ID & ".ascx"

Dim userControl As Control = Page.LoadControl(userControlName)

userControl.ID = e.PageView.ID &

"_userControl"

e.PageView.Controls.Add(userControl)

End Sub

Private Sub AddPageView(ByVal tab As RadTab)

If Not RadMultiPage1.FindPageViewByID(tab.Text) Is Nothing Then

Exit Sub

End If

Dim pageView As RadPageView = New RadPageView

pageView.ID = tab.Text

RadMultiPage1.PageViews.Add(pageView)

pageView.CssClass =

"pageView"

tab.PageViewID = pageView.ID

End Sub

Protected Sub RadTabStrip1_TabClick(ByVal sender As Object, ByVal e As RadTabStripEventArgs) Handles RadTabStrip1.TabClick

AddPageView(e.Tab)

e.Tab.PageView.Selected =

True

End Sub

'Master grid select event to identify the datakeyvalue

Protected

Sub radExams_ItemCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles radExams.ItemCommand

Select Case e.CommandName
Case RadGrid.SelectCommandName

Dim editedItem As GridEditableItem = CType(e.Item, GridEditableItem)

Session(

"ExamID") = editedItem.OwnerTableView.DataKeyValues(editedItem.ItemIndex)("ExamID").ToString

End Select

'Code behind for one of the usercontrols (they are basically the same)

Protected

ReadOnly Property ExamEventsData() As DataTable

Get

Dim aExamEventsData As DataTable

aExamEventsData = aDFICISObj.GetExamEvents(Session(

"ExamID"))

Return aExamEventsData

End Get

End Property

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Me.radExamEvents.Rebind()

End Sub

Protected Sub radExamEvents_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles radExamEvents.NeedDataSource

Me.radExamEvents.DataSource = ExamEventsData

End Sub

TabStrip

asked on 13 Aug 2009

0 answers

95 views

ProgressArea Doesn't Work on my Server

I've written and deployed a simple FileUpload web page that works as expected when I run it locally on my Windows XP enviroment. The ProgressArea displays.

However, when I deploy (publish) it to my server (Windows Server 2003) and run it there, the ProgressArea does not show up. I've tried it locally on the server as well as from a different workstation. IIS6 is running on the server. I know that Ajax is working from the server because I also developed a page that does a custom progressArea. It DOES work. But the FileUpload progress area does not.

Installed on the server are:
    .Net Framework 2.0 (SP2)
    .Net Framework 3.0 (SP2)
    .Net Framework 3.5 (SP1)
    Ajax Extensions 1.0
    WSE 3.0

Any ideas on why the ProgressArea does not display when using the server?

Upload (Obsolete)

asked on 13 Aug 2009

2 answers

431 views

Range slider change background color

Hi Telerik Support,
Is there a way to change the css for each side of a range slider, for example the range slider which has two handles, the one on the left as you would drag the handle towards the middle would highlight the left of the handle in green. The handle on the right as you would drag the handle towards the middle would highlight area right of the handle in red.

Also is there a way where the two handles can't pass over each other.. I think I am missing something in the documentation on this .
Thanks in advance for the help
~Julie

Slider

answered on 13 Aug 2009