Questions on UI for ASP.NET AJAX Forum

110,820 questions

1 answer

215 views

Hi,

In my application i wanted to use tabstrip with ten tabs. Once i appplied ScrollChildern="True".

1.Tab Scrolling is not working in Firefox/Google Crome
2. In Internet explorer i can see scrolling buttons but if i reach at 5th tab and if i hit button(Basically when page post back) Scrolling reverse button get disable.

I am attaching screenshots and code block. Let me know what i m doing wrong.

Thanks,

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

<!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>TabStrip Scroll Test</title>

</head>

<body>

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

<div>

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

</telerik:RadScriptManager>

<table width="100%" cellpadding="0px" border="1">

<tr>

<td valign="top" align="center" style="width:20%;border:1px solid #EEE;color:#666;">

<div id="leftdiv" class="leftdivtitle">

</div>

Left Contents goes here

</td>

<td valign="top" style="width:20%;color:#EEE;">

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="pnlTab">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="radBtnBack" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="radBtnSkip" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="radBtnNext" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="radBtnFinish" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="radBtnBack">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlTab" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="radBtnSkip">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlTab" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="radBtnBack" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="radBtnSave">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlTab" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="pnlViewAgreement" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="radBtnNext">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlTab" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:Panel runat="server" ID="pnlRightContent" Height="600px" ScrollBars="Auto" Style="position: relative;">

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

<asp:HiddenField ID="previousTabHidden" runat="Server" />

<telerik:RadTabStrip ID="radTabStripCompanyRegistration" runat="server" MultiPageID="radMultiPageCompanyRegistration"

AutoPostBack="true" SelectedIndex="0" ScrollChildren="True"

Skin="WebBlue">

<Tabs>

<telerik:RadTab runat="server" Text="Company Info" PageViewID="radPageViewCompanyInfo"

Font-Bold="True" Selected="True">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Addresses" PageViewID="radPageViewAddresses"

Font-Bold="True">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Contacts" PageViewID="radPageViewContacts" Font-Bold="True">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Company Details" PageViewID="radPageViewCompanyDetails"

Font-Bold="True">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Operating Areas" PageViewID="radPageViewOperatingAreas"

Font-Bold="True">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Credit Details" PageViewID="radPageViewCreditDetails"

Font-Bold="True">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Agreement" PageViewID="radPageViewAgreement"

Font-Bold="True">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Insurance" PageViewID="radPageViewInsurance"

Font-Bold="True">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Summary" PageViewID="radPageViewSummary" Font-Bold="True">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="radMultiPageCompanyRegistration" SelectedIndex="0"

Width="100%">

<telerik:RadPageView runat="server" ID="radPageViewCompanyInfo" BorderColor="#666666"

BorderWidth="1px" Height="500px" Selected="true">

<asp:Panel runat="server" ID="pnlCompanyInfo" CssClass="companyregpanel">

<%-- <uc1:CompanyInfo ID="CompanyInfo" runat="server" />--%>

</asp:Panel>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="radPageViewAddresses" BorderColor="#666666"

BorderWidth="1px" Height="500px">

<asp:Panel runat="server" ID="pnlAddresses" CssClass="companyregpanel">

<%--<uc2:addresses id="Addresses" runat="server" />--%>

</asp:Panel>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="radPageViewContacts" BorderColor="#666666"

BorderWidth="1px" Height="500px">

<asp:Panel runat="server" ID="pnlContacts" CssClass="companyregpanel">

<%--<uc3:contacts id="Contacts1" runat="server" />--%>

</asp:Panel>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="radPageViewCompanyDetails" BorderColor="#666666"

BorderWidth="1px" Height="500px">

<asp:Panel runat="server" ID="pnlCompanyDetails" CssClass="companyregpanel">

<%-- <uc4:companydetails id="CompanyDetails1" runat="server" />--%>

</asp:Panel>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="radPageViewOperatingAreas" BorderColor="#666666"

BorderWidth="1px" Height="500px">

<asp:Panel runat="server" ID="pnlOperatingAreas" CssClass="companyregpanel">

<%-- <uc5:operatingareas id="OperatingAreas1" runat="server" />--%>

</asp:Panel>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="radPageViewCreditDetails" BorderColor="#666666"

BorderWidth="1px" Height="500px">

<asp:Panel runat="server" ID="pnlCreditDetails" CssClass="companyregpanel">

<%-- <uc6:creditdetails id="CreditDetails1" runat="server" />--%>

</asp:Panel>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="radPageViewAgreement" BorderColor="#666666"

BorderWidth="1px" Height="500px">

<asp:Panel runat="server" ID="pnlViewAgreement" CssClass="companyregpanel">

<%-- <uc7:agreement id="Agreement1" runat="server"></uc7:agreement>--%>

</asp:Panel>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="radPageViewInsurance" BorderColor="#666666"

BorderWidth="1px" Height="500px">

<asp:Panel runat="server" ID="pnlInsurance" CssClass="companyregpanel">

<%-- <uc8:insurance id="Insurance1" runat="server"></uc8:insurance>--%>

</asp:Panel>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="radPageViewSummary" BorderColor="#666666"

BorderWidth="1px" Height="500px">

<asp:Panel runat="server" ID="pnlSummary" CssClass="companyregpanel" Height="460px"

ScrollBars="Vertical">

<%-- <uc9:summary id="Summary1" runat="server"></uc9:summary>--%>

</asp:Panel>

</telerik:RadPageView>

</telerik:RadMultiPage>

</asp:Panel>

<hr style="color: #333; clear: both;" />

<table>

<tr>

<td align="center">

<telerik:RadButton ID="radBtnComment" runat="server" Text="View/Add Comments" ButtonType="LinkButton"

AutoPostBack="False" BackColor="White" BorderColor="White" UseSubmitBehavior="false"

ForeColor="#5b7993">

</telerik:RadButton>

</td>

<td>

</td>

<td>

<telerik:RadButton ID="radBtnBack" runat="server" Text="Back" Width="50px" Visible="false"

>

</telerik:RadButton>

</td>

<td>

</td>

<td>

<telerik:RadButton ID="radBtnSkip" runat="server" Text="Skip" Width="50px" >

</telerik:RadButton>

</td>

<td>

</td>

<td>

<telerik:RadButton ID="radBtnSave" runat="server" Text="Validate" Width="50px" >

</telerik:RadButton>

</td>

<td>

</td>

<td>

<telerik:RadButton ID="radBtnNext" runat="server" Text="Next" Width="50px"

UseSubmitBehavior="False">

</telerik:RadButton>

</td>

<td>

</td>

<td>

<telerik:RadButton ID="radBtnFinish" runat="server" Text="Finish" Width="50px" UseSubmitBehavior="False"

Visible="False">

</telerik:RadButton>

</td>

<td>

<asp:HiddenField ID="hdnCompanyId" runat="server" Value="0" />

</td>

</tr>

</table>

<div id="CompRegDiv" class="bigModule" visible="false" runat="server">

<table id="tblError" runat="server" visible="true">

<tr>

<td colspan="5">

<div class="bigModuleBottom">

<asp:Label ID="lblWarning" runat="server" Text="" CssClass="requiredsign"></asp:Label>

</div>

</td>

</tr>

</table>

</div>

</asp:Panel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">

</telerik:RadAjaxLoadingPanel>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">

<Windows>

<telerik:RadWindow ID="CompanyCommentWindow" runat="server" Title="Company Comments"

Width="765" Height="500" Behaviors="close" />

</Windows>

</telerik:RadWindowManager>

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

TabStrip

answered on 01 Mar 2011

4 answers

177 views

Change callback for get_spellCheckService().add_complete()

I'm playing with your automaticspell example (see http://www.telerik.com/community/forums/aspnet-ajax/spell/outlook-like-functionality.aspx), and it works just great! I've modified the example slightly so it's invoked from an ASP ImageButton click instead of the onblur event of a textbox. So far, so good.

Now what I'd like to do is have multiple buttons invoke the spellCheck script, and the results of the callback depend on which button was clicked. One way I was thinking of doing this would be to have different callbacks for each of the buttons, and change to the appropriate one for the spellService.add_complete. Is there a way to remove a callback from the get_spellCheckService?

Spell

answered on 01 Mar 2011

1 answer

199 views

ComboBox dynamic adding checkboxes to template

Hello,

I've been searching the forums and found some similar topics but I still can't get it to work so I thought I'd post my own to see what I'm doing wrong.

My situation is simple, I have a ComboBox and I want the dropdown to have checkboxes, as I understand there is no easy way to just add a checkbox to a ComboBox, instead I have to use the ItemTemplate.

At the moment I have a class that uses the ITemplate, it has a InstantiateIn method and there it gets the "dynamic" data from a DB.

It looks something like this, don't mind the extra code it's still very early and just trying to get things to work:

public void InstantiateIn(Control container)

{

object[] searchoptions = GetProxy().GetSearchOptionList();

DataSet so = (DataSet)searchoptions[0];

List<SearchOption> searchOpt = new List<SearchOption>();

for (int k = 0; k < so.Tables.Count; k++)

for (int j = 0; j < so.Tables[k].Rows.Count; j++)

{

SearchOption search = new SearchOption();

search.ID = so.Tables[k].Rows[j].ItemArray[0].ToString();

search.name = so.Tables[k].Rows[j].ItemArray[1].ToString();

searchOpt.Add(search);

CheckBox box = new CheckBox();

box.Text = search.name;

box.ID = search.ID;

box.DataBinding += new EventHandler(box_DataBinding);

container.Controls.Add(box);

}

It simply loops over it and takes out all the data, and attaches a Eventhandler

private void box_DataBinding(object sender, EventArgs e)

{

CheckBox target = (CheckBox)sender;

RadComboBoxItem item = (RadComboBoxItem)target.BindingContainer;

string itemText = (string)DataBinder.Eval(item, "Text");

target.Text = itemText;

}

But this doesn't work, the biggest problem is that I don't really get it myself why I have to go on with Templates and all this, I just want a dropdown with checkboxes, so maybe I'm overcomplicating things here or maybe I just don't understand.

Any help is welcome.

ComboBox

answered on 01 Mar 2011

1 answer

1.3K+ views

How to display (date & Time 24hr format)

Hi All,

I tried the below code to display the date and time(24 hrs)... the time part not working wht i need..

<asp:TextBox ID="txt_date2" runat="server"></asp:TextBox>

<telerik:RadInputManager ID="RadInputManager1" runat="server">

<telerik:DateInputSetting BehaviorID="DateInputBehavior3" DateFormat="dd/MM/yyyy HH:mm">

<TargetControls>

<telerik:TargetInput ControlID="txt_date2" />

</TargetControls>

</telerik:DateInputSetting>

</telerik:RadInputManager>

I want like, suppose the user type 24 in txtbox, on tab out automatically the txtbox should display '24/02/2011 19:55"
the time should be also take in 24hs format ....Please give me solution to do this task...

Thanks

Input

answered on 01 Mar 2011

2 answers

134 views

[Solved] Trouble displaying data with TreeView

Hoping someone can direct me down the correct path. Trying to have a Treeview control on a page where users can use the checkbox feature on the fields they would like queried out of the database.

This is what I have: Category (6 categories)
Group Desc (to many to list)
Friendly Column Name (to many to list)

See attached image of the data that I return from SQL.

I would like
    Category
        Group Desc
            Friendly Name (datatextfield = QualifiedName)

When attempting to get it working I get several different errors. Currently the error is

These columns don't currently have unique values.

<telerik:radtreeview id="RadTreeView1" runat="server" checkboxes="True" datafieldid="Category"

datafieldparentid="GroupDescr" datasourceid="SqlDataSource1" datatextfield="FriendlyName" DataValueField="QualifiedName"></telerik:radtreeview>

TreeView

answered on 01 Mar 2011

1 answer

93 views

Question on RadStyleSheetManager

Hello, for our web app we have a customized skin that was based off a Telerik built-in skin. The master page automatically creates stylesheet references for each Telerik object. We are running into the known problem of IE only being able to load the first 30 CSS files.

Based on what I've seen in the Telerik Help, the suggestion would be to add a RadStyleSheetManager, take the skin CSS files and images and set them to embedded resources in a separate project (as outlined here http://www.telerik.com/help/aspnet-ajax/radstylesheetmanager.html).

My questions is as follows: if we go this route, and we want to change something in one of the skin's CSS files, does that mean we have to re-build and re-deploy? In other words would we lose the ability to make a seamless change to a skin's CSS file?

ScriptManager and StyleSheetManager

answered on 01 Mar 2011

3 answers

125 views

Preformatted text in RadEditor in FireFox

We're having issues with preformatted text in the RadEditor when using FireFox 2.0. We're using the RadEditor for a documentation site where we need to display source code (C#, xml markup, etc). We're trying to use the <pre> tags to format this code. When we wrap content in <pre> tags and switch between design and code views in FireFox, <br /> tags are added where line breaks used to be. In other words:

<pre>asdfasfd
asdfasfd
asfdasfd</pre>

gets changed to this:

<pre>asdfasfd <br />
asdfasfd<br />
asfdasfd</pre>

The same thing happens if we designate another tag, like <code> and give it a white-space:pre; style in the CSS stylesheet. The editor seems to recognize the preformatted style that's been applied and inserts the <br /> tags.

We do not seem to experience this behavior in IE7.

Thanks for your help.

Editor

answered on 01 Mar 2011

8 answers

495 views

The control with ID 'xxx' requires a script manager on the page.

Hi

My Ajax Loading Panel does not seem to work.

It has an Error Creating Control Message.

I DO have a script manager on the page above the ajaxloading panel.

Any ideas ?

Kind Regards

David

Ajax

answered on 01 Mar 2011

5 answers

333 views

[Solved] RadGrid Default Column Widths under IIS

It appears that the initial column widths for the grid are not being defaulted consistently when deployed to the ASP.NET Development Server versus IIS. Both IE and FF work correctly when run from the ASP.NET Dev Server, but once I publish the site and run it under IIS, the grid columns are not set to the default width in IE, but in FF they are still fine.

See the attached screen shots for the 4 combinations of IE vs. FF and ASP.NET vs. IIS. It's the "Invoice Details" grid that is the problem in the IE/IIS combination.

This is how I'm setting up the grid in the markup:

    
            <asp:Content ID="Content2" ContentPlaceHolderID="content" runat="Server">  
        
                <div style="vertical-align: top;height: 100%;">  
        
            …snip…  
        
                    <telerik:RadSplitter ID="ContentSplitter" Runat="server" Height="100%" Width="100%" 
        
                        Orientation="Horizontal">  
        
            …snip…  
        
                        <telerik:RadPane ID="BodyPane" runat="server" Height="100%" Width="100%" Scrolling="Y" 
        
                            OnClientResized="ClientResized">  
        
                            <telerik:RadSplitter ID="AppSplitter" Runat="server" Height="100%">  
        
            …snip…  
        
                                <telerik:RadPane ID="AppPane" runat="server" MinWidth="40" Scrolling="Y" Width="100%">  
        
            …snip…  
        
                                    <telerik:RadAjaxPanel ID="HeaderRadAjaxPanel" runat="server">  
        
            …snip…  
        
                                    <telerik:RadGrid ID="grdDetails" runat="server"   
        
                                        AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True"   
        
                                        AutoGenerateColumns="False" GridLines="Both" ShowFooter="true" 
        
                                        Height="400" Width="100%" 
        
                                        AllowAutomaticInserts="true" AllowAutomaticUpdates="true" 
        
                                        AllowAutomaticDeletes="true" 
        
                                        OnItemCreated="grdDetails_ItemCreated" 
        
                                        OnNeedDataSource="grdDetails_NeedDataSource" 
        
                                        OnItemDataBound="grdDetails_ItemDataBound">  
        
                                        <MasterTableView TableLayout="Fixed" EditMode="InPlace" CommandItemDisplay="Top" /> 
        
                                        <PagerStyle AlwaysVisible="true" Mode="NextPrev" /> 
        
                                        <ClientSettings> 
        
                                            <Scrolling AllowScroll="true"   
        
                                                EnableVirtualScrollPaging="true" SaveScrollPosition="true"   
        
                                                UseStaticHeaders="true" /> 
        
                                            <Resizing AllowColumnResize="true"   
        
                                                ClipCellContentOnResize="true" EnableRealTimeResize="true"   
        
                                                ResizeGridOnColumnResize="true" /> 
        
                                            <ClientEvents OnRowClick="grdDetails_RowClick" /> 
        
                                        </ClientSettings> 
        
                                    </telerik:RadGrid> 
        
                                    </telerik:RadAjaxPanel> 
        
                                </telerik:RadPane>   
        
                            </telerik:RadSplitter> 
        
                        </telerik:RadPane> 
        
                    </telerik:RadSplitter> 
        
            …snip…  
        
                </div> 
        
            </asp:Content>

The columns are then created server-side in the code-behind, during the grid's PreRender event. Every column has an explicit width set.

Does anyone have any ideas/suggestions on what the issue might be? Everything I’ve tried has not forced the grid to behave.

My environment:
- Windows 7
- IIS 6.1
- VS 2008 SP1 (.NET 3.5 SP1), C#
- Telerik Q1 2010 Trial Version (2010.1.415.35)
- IE 8.0.7600.16385
- Firefox 3.6

Thanks in advance for any help.

Drew

Grid

answered on 01 Mar 2011

1 answer

126 views

TypeError :Object doesnt support this property or method

Hi I use the telerik RadComboBox and on a client side event i use the 'RadComboBoxEventArgs' variable to get the selected item .

The code would be

ComboBoxEventArgs.get_item()<BR>

The RadComboBox is an edittable combo box that is a user can search for a particular record by typing in to it.

Now, if the user searches for an item which is present in the list everything just works fine.

But if the user types in something that is not in the list then the code

ComboBoxEventArgs.get_item()

throws an error "TypeError :Object doesnt support this property or method"

I am using the telerik control with the version "2010.3.1401.40"

Regards,
Francis

General Discussions

answered on 01 Mar 2011

Top users last month