Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
126 views
Hi,

I've created some numeric column and tried various ways to make the field smaller....I'm unable to accomplish regardless of the item, header, and footer width change...this happens for all of the numeric field. please help.

<

 

 

telerik:GridNumericColumn DecimalDigits="2"

 

 

 

FilterControlAltText="Filter ShutInPressure column"

 

 

 

HeaderText="Shut In Pressure (psig)" UniqueName="ShutInPressure" DataField="Shut_In_Pressure">

 

 

 

<HeaderStyle Width="50px" />

 

 

 

<ItemStyle Width="50px" />

 

 

 

<FooterStyle Width="50px" />

 

 

 

</telerik:GridNumericColumn>

(view attached)

 

Shinu
Top achievements
Rank 2
 answered on 08 Aug 2011
1 answer
259 views
I have an .aspx page with two user controls.
User Control A has an asp:ImageButton control that, when clicked, raises an event to the page. The page performs some actions and then makes visible an asp:Panel that contains User Control B. User Control B merely contains some labels, buttons, etc for display purposes.
What I would like is this: when the user clicks the button in User Control A, a loading panel would kick in where User Control B is going to be displayed so that the user knows something is happening.

I have implemented loading panels before, but the pieces involved here with the user controls and event raising seems to make this more challenging.

Is what I am trying to do possible? If so, what am I missing?

Thanks,
Dennis
Princy
Top achievements
Rank 2
 answered on 08 Aug 2011
3 answers
160 views
Hi,

I have 3 different RadComboBox within GridTemplate column. I'm trying to build a cascading hierarchy upon the selection of each RadComboBox.

Within the code behind........onSelectedIndexChange of the 1st RadComboBox........I need to find the 2nd RadComboBox so that I can set the displayed value and text.


 

 

protected void ComboBox1_OnSelectedIndexChangedHandler(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

 

{

Session[

 

"ID"] = e.Value;

 

Session[

 

"Text"] = e.Text;

 

 

 

//Since the Area has been changed, we set the FMT RadComboBox

 

}

thanks,
Minh Bui

Princy
Top achievements
Rank 2
 answered on 08 Aug 2011
4 answers
172 views
Hello

I'm getting value of a cell in selected row in RadGrid. I have enable Client-Side Row Selection and PostBackOnRowClick.

<telerik:RadGrid ID="RgdOffer" runat="server" CellSpacing="0"
     EnableEmbeddedSkins="False" GridLines="None"
      onitemcommand="RgdOffer_ItemCommand" onitemdatabound="RgdOffer_ItemDataBound"
        Skin="GPF" CssClass="shadow">
   <ClientSettings EnableRowHoverStyle="True" AllowColumnsReorder="True"
        EnablePostBackOnRowClick="True" ReorderColumnsOnClient="True">
       <Selecting AllowRowSelect="True" EnableDragToSelectRows="False" />
   </ClientSettings>


And from code-behind, I get the value of the cell with this code snippet in ItemCommand event:

if (e.CommandName == "RowClick" && e.Item is GridDataItem)
            {
                // String to store OfferNo
                string strOfferNo = null;
 
                // Get OfferNo of selected Offer
                foreach (GridDataItem item in RgdOffer.SelectedItems)
                {
                    strOfferNo = item["OfferNo"].Text;
                }

And it did work. 

But when I put my grid in to a RadDock, then SelectedItems always return 0.

I don't know why?

Can you help me explain this problem?

Thank you.

Thanh Dang
Thanh Dang
Top achievements
Rank 2
 answered on 08 Aug 2011
2 answers
182 views
I've encountered another development issue, which I believe is AJAX-related.  I've several controls (views) that are loaded into a multipage upon page Load.  These controls are navigated via tabs in a tabstrip.  Each view is divided into two parts via ASP update panels:

1. A toolbar (Toolbar_AjaxPanel)
2. Content affected by the toolbar, which contain a series of web user controls  (Content_AjaxPanel)

One of these web user controls is a catalog that lists programs.  A program in the list can be selected, and this raises the OnCatalogItemSelected event, a custom event which is triggered by the OnSelectedIndexChanged event of the RadGrid within the catalog web user control.  The OnCatalogItemSelected event runs a few checks and sets some visibility settings before updating the content panel via Content_AjaxPanel.Update().

Everything appears to work as expected until I click a tab and switch to a different "view."  When I do, I receive this client-side error:

Error: Unable to get value of the property 'paste': object is null or undefined

The application does not appear to be adversely affected, otherwise, but this error might confuse users.  From what I can tell, it's the Update() call in the OnCatalogItemSelected event that causes this to happen.  When I remove or comment it out, I no longer receive the message, but I need that Update() call to refresh the content and display the appropriate controls.

Here is the code that handles the OnCatalogItemSelected in the ProgramView.ascx view:
protected void Program_Catalog_OnCatalogItemSelected(object sender, ProgramManagement.Controls.ProgramCatalog.CatalogItemSelectedEventArgs e)
        {
            HtmlControl catalogContainer = CatalogContainer_Panel;
            HtmlControl catalogItemContainer = CatalogItemContainer_Panel;
             
            int selectedId = Program_Catalog.SelectedProgramID;
 
            if (!e.IsFullPlan)
            {
                Program_ProgramManager.ViewMode = ProgramManagement.Controls.ProgramManager.View.Quick;
                Program_OutcomeManager.Visible = true;
                Program_OrganizerManager.Visible = true;
                Program_AudienceManager.Visible = false;
                Program_BudgetManager.Visible = false;
            }
            else
 
            {
                Program_ProgramManager.ViewMode = ProgramManagement.Controls.ProgramManager.View.Full;
                Program_OutcomeManager.Visible = true;
                Program_OrganizerManager.Visible = true;
                Program_AudienceManager.Visible = true;
                Program_BudgetManager.Visible = true;
            }
             
            Program_ProgramManager.Select(selectedId);
            Program_AudienceManager.Select(selectedId);
            Program_OutcomeManager.Select(selectedId);
            Program_OrganizerManager.Select(selectedId);
            Program_BudgetManager.Select(selectedId);
             
            //Indicate that an item has been selected.
            ItemSelected = true;
 
            catalogContainer.Style["display"] = "none";
            catalogItemContainer.Style["display"] = "block";
 
            //Update the program content ajax panel
            Content_AjaxPanel.Update();
        }

And if you need it, here is the interface markup:
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ProgramView.ascx.cs" Inherits="AZ.SA.RL.App.ProgramManagement.ProgramView" %>
<%@ Register Src="~/Controls/ProgramCatalog.ascx" TagName="ProgramCatalog" TagPrefix="pm"  %>
<%@ Register Src="~/Controls/ProgramManager.ascx" TagName="ProgramManager" TagPrefix="pm" %>
<%@ Register Src="~/Controls/OrganizerManager.ascx" TagName="OrganizerManager" TagPrefix="pm" %>
<%@ Register Src="~/Controls/AudienceManager.ascx" TagName="AudienceManager" TagPrefix="pm" %>
<%@ Register Src="~/Controls/OutcomeManager.ascx" TagName="OutcomeManager" TagPrefix="pm"  %>
<%@ Register Src="~/Controls/BudgetManager.ascx" TagName="BudgetManager" TagPrefix="pm"  %>
 
<telerik:RadScriptBlock ID="ProgramControlScripts" runat="server">
<script language="javascript" type="text/javascript">
 
    var programToolbar;
    var programCatalogButton;
    var programNewButton;
    var programQuickButton;
    var programFullButton;
    var programSeperator1;
    var programQuickButton;
    var programFullButton;
    var programEvalButton;
    var programSeperator2;
    var programEditButton;
    var programCancelButton;
    var programSaveButton;
 
    function Program_OnClientLoad(sender, args) {
        programToolbar = sender;
        programCatalogButton = programToolbar.findButtonByCommandName("CATALOG");
        programNewButton = programToolbar.findItemByText("New Program");
        programQuickButton = programToolbar.findItemByValue("Quick");
        programFullButton = programToolbar.findItemByValue("Full");
        programSeperator1 = programToolbar.findItemByValue("Sep1");
        programQuickButton = programToolbar.findButtonByCommandName("QUICK");
        programFullButton = programToolbar.findButtonByCommandName("FULL");
        programEvalButton = programToolbar.findButtonByCommandName("EVAL");
        programSeperator2 = programToolbar.findItemByValue("Sep2");
        programEditButton = programToolbar.findButtonByCommandName("EDIT");
        programCancelButton = programToolbar.findButtonByCommandName("CANCEL");
        programSaveButton = programToolbar.findButtonByCommandName("SAVE");
    }
 
    function Program_OnClientButtonClicking(sender, args) {
        var programButton = args.get_item();
        var programCommand = programButton.get_commandName();
 
        if (programCommand == "CANCEL") {
            args.set_cancel(!confirm('Are you sure you want to discard any changes?'));
        }
    }
 
    function Program_OnClientButtonClicked(sender, args) {       
        var programButton = args.get_item();
        var programCommand = programButton.get_commandName();
 
        var programCatalogContainer = $('div[name="catalogContainer"]')
        var programCatalogItemContainer = $('div[name="catalogItemContainer"]')
 
        switch (programCommand) {
            case "CATALOG":
 
                if (programCatalogButton != null) {
                    programCatalogButton.set_visible(false);
                }
                if (programNewButton != null) {
                    programNewButton.set_visible(true);
                }
                if (programSeperator1 != null) {
                    programSeperator1.set_visible(false);
                }
                if (programQuickButton != null) {
                    programQuickButton.set_visible(false);
                }
                if (programFullButton != null) {
                    programFullButton.set_visible(false);
                }
                if (programEvalButton != null) {
                    programEvalButton.set_visible(false);
                }
                if (programSeperator2 != null) {
                    programSeperator2.set_visible(false);
                }
                if (programEditButton != null) {
                    programEditButton.set_visible(false);
                }
                if (programCancelButton != null) {
                    programCancelButton.set_visible(false);
                }
                if (programSaveButton != null) {
                    programSaveButton.set_visible(false);
                }
 
                programCatalogContainer.fadeIn(500);
                programCatalogContainer.css("display", "block");
                programCatalogItemContainer.css("display", "none");
                break;
        }       
    }
 
    function Program_OnCatalogItemClicked(sender, args) {
        var programCatalogContainer = $('div[name="catalogContainer"]');
        var programCatalogItemContainer = $('div[name="catalogItemContainer"]');
         
        if (programCatalogButton != null) {
            programCatalogButton.set_visible(true);
        }
        if (programNewButton != null) {
            programNewButton.set_visible(false);
        }
        if (programSeperator1 != null) {
            programSeperator1.set_visible(true);
        }
        if (programQuickButton != null) {
            programQuickButton.set_visible(true);
        }
        if (programFullButton != null) {
            programFullButton.set_visible(true);
        }
        if (programEvalButton != null) {
            programEvalButton.set_visible(true);
        }
        if (programSeperator2 != null) {
            programSeperator2.set_visible(true);
        }
        if (programEditButton != null) {
            programEditButton.set_visible(true);
        }
        if (programCancelButton != null) {
            programCancelButton.set_visible(false);
        }
        if (programSaveButton != null) {
            programSaveButton.set_visible(false);
        }
 
        programCatalogContainer.slideUp(500);
        programCatalogItemContainer.fadeIn(600).delay(800);
        programCatalogItemContainer.css("display", "block");
    }
</script>
</telerik:RadScriptBlock>
 
<telerik:RadAjaxManagerProxy ID="Program_AjaxManager" runat="server" />
 
<asp:UpdatePanel ID="Toolbar_AjaxPanel" runat="server" UpdateMode="Conditional">
<ContentTemplate>
    <telerik:RadToolBar ID="Program_Toolbar"
        runat="server"
        Skin="Black"
        OnClientButtonClicking="Program_OnClientButtonClicking"
        OnClientButtonClicked="Program_OnClientButtonClicked"
        OnButtonClick="Program_ToolBar_ButtonClick"   
        OnClientLoad="Program_OnClientLoad"
        BorderStyle="None"
        BorderWidth="0"
        Width="100%">
        <Items>
            <telerik:RadToolBarButton Text="View Catalog" Value="Catalog" CommandName="CATALOG" PostBack="false" />
            <telerik:RadToolBarDropDown Text="New Program" DropDownWidth="150px">
                <Buttons>
                    <telerik:RadToolBarButton Text="Quick Plan" CommandName="NEW" Value="Quick" />
                    <telerik:RadToolBarButton Text="Full Plan" CommandName="NEW" Value="Full" />
                </Buttons>
            </telerik:RadToolBarDropDown>
            <telerik:RadToolBarButton IsSeparator="true" Value="Sep1" />
            <telerik:RadToolBarButton Text="Quick Plan" CommandName="QUICK" Checked="true" CheckOnClick="true" Group="PlanType" />
            <telerik:RadToolBarButton Text="Full Plan" CommandName="FULL" Checked="false" CheckOnClick="true" Group="PlanType" />
            <telerik:RadToolBarButton Text="Evaluation" CommandName="EVAL" Checked="false" CheckOnClick="true" Group="PlanType" Enabled="false" Visible="false" />
            <telerik:RadToolBarButton IsSeparator="true" Value="Sep2" />
            <telerik:RadToolBarButton Text="Edit" CommandName="EDIT" />
            <telerik:RadToolBarButton Text="Cancel" CommandName="CANCEL" />
            <telerik:RadToolBarButton Text="Save" CommandName="SAVE" CausesValidation="true" ValidationGroup="ProgramValidation" PostBack="true" />       
        </Items>   
    </telerik:RadToolBar>
</ContentTemplate>
</asp:UpdatePanel>
 
<asp:UpdatePanel ID="Content_AjaxPanel" runat="server" UpdateMode="Conditional">
<ContentTemplate>
    <div class="ContentContainer">
         
        <div id="CatalogContainer_Panel" runat="server" name="catalogContainer">
            <pm:ProgramCatalog ID="Program_Catalog"
                runat="server"
                Title="Program Catalog"               
                OnCatalogItemSelected="Program_Catalog_OnCatalogItemSelected"
                OnClientCatalogItemClicked="Program_OnCatalogItemClicked" />
        </div>
         
        <div id="CatalogItemContainer_Panel" runat="server" name="catalogItemContainer" style="display:none">
            <div class="LeftColumnContainer">
                <pm:ProgramManager runat="server"
                    ID="Program_ProgramManager"
                    OnProgramLoaded="Program_Manager_OnProgramLoaded"                    
                    Title="Program Characteristics" />
            </div>
 
            <div class="RightColumnContainer">
                <pm:OutcomeManager ID="Program_OutcomeManager"
                    runat="server"
                    Title="Goals"
                    ItemName="Goal" />
                <pm:OrganizerManager ID="Program_OrganizerManager"
                    runat="server"
                    Title="Organizers"
                    ItemName="Organizer"
                    OrganizerType="Program" />
                <pm:AudienceManager ID="Program_AudienceManager"
                    runat="server"
                    Title="Audiences"
                    ItemName="Audience" />               
                <pm:BudgetManager ID="Program_BudgetManager"
                    runat="server" 
                    Title="Budget Items"
                    ItemName="Budget Item" />
            </div>
        </div>
    </div>
</ContentTemplate>
</asp:UpdatePanel>
 
<div class="clear">
</div>

If you need anything more, please let me know.  Thanks.
Mark Gallucci
Top achievements
Rank 1
 answered on 07 Aug 2011
0 answers
125 views
Hi,
I have treelist.it has nodes.when i click to expand the treelist it behaves i selected it.but i dont click select button i only click the + icon on treelist.this is the code which i tried.

    protected void RadTreeList1_ItemCommand(object sender, TreeListCommandEventArgs e)
    {
        if (e.CommandName == RadTreeList.SelectCommandName)
        {
            TreeListDataItem item = e.Item as TreeListDataItem;
            Guid depid = new Guid(item.GetDataKeyValue("DEPID").ToString());
            RadWindow1.VisibleOnPageLoad = true;
            RadWindow1.NavigateUrl = "department-update.aspx?depid=" + depid;
        }
    }

and this is my button

<telerik:TreeListButtonColumn ButtonType="ImageButton" CommandName="Select" ImageUrl="Contents/Icons/select.png"
                    UniqueName="Select">
Teoman
Top achievements
Rank 1
 asked on 07 Aug 2011
1 answer
110 views
Anyone have any ideas about this one?

if (dataBoundItem.ItemIndex > 1) 
                {
                    e.Item.ForeColor = Color.Red;
                    if (Decimal.Parse(dataBoundItem["pcntchg"].Text) < 0) <<How to get the value here without using column name, I can't see how.
                    {
                        dataBoundItem["pcntchg"].ForeColor = Color.Red;
                    }
                }

Thanks!
Jayesh Goyani
Top achievements
Rank 2
 answered on 07 Aug 2011
2 answers
138 views
How to select new window option for ddl when i click on hyperlink image for creating hyper link the new window popup is open there is a ddl for target inside this ddl how i select new window option by default.
zaib
Top achievements
Rank 1
 answered on 07 Aug 2011
1 answer
205 views
Hi,

I have some submenus off a main structure.  The code is below.  When I mouseover back and forth from the main menu to the submenu the overall menu height keeps changing. It shrinks when I move towards the submenu and gets back to original size when I come back to the main menu.  This is a sample HTML I put together, the issue happens when I move between "View" and "Recent" back to Searches in the main menu.  The CSS I am using is at the bottom of the HTML.

Sri


<!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><title>

</title><link id="Link1" href="css/Main.css" rel="Stylesheet" type="text/css" /><link href="/MenuControlWebApp/WebResource.axd?d=evYtvo20YR9hnsrP1j0caH19zB40cSCQTuHdEl37YrCSlO4BQ0zWC6oHgLMkSbPU0&amp;t=633710915156718750" type="text/css" rel="stylesheet" class="Telerik_stylesheet" /><link href="/MenuControlWebApp/WebResource.axd?d=evYtvo20YR9hnsrP1j0caH19zB40cSCQTuHdEl37YrCttVAaPUcdwLXgeKMP55OaCtfAPBLhQnecrSaCzbORfA2&amp;t=633710915156718750" type="text/css" rel="stylesheet" class="Telerik_stylesheet" /></head>
<body>
    <form name="form1" method="post" action="default.aspx" id="form1">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEwNDcxOTg2NTIPZBYCAgMPZBYCAgEPFCsAAhQrAAIPFgIeF0VuYWJsZUFqYXhTa2luUmVuZGVyaW5naGQQFgNmAgECAhYDFCsAAmRkFCsAAmRkFCsAAmQQFgRmAgECAgIDFgQUKwACZGQUKwACZBAWAmYCARYCFCsAAmRkFCsAAmRkDxYCZmYWAQV0VGVsZXJpay5XZWIuVUkuUmFkTWVudUl0ZW0sIFRlbGVyaWsuV2ViLlVJLCBWZXJzaW9uPTIwMDguMy4xMDE2LjM1LCBDdWx0dXJlPW5ldXRyYWwsIFB1YmxpY0tleVRva2VuPTEyMWZhZTc4MTY1YmEzZDQUKwACZGQUKwACZGQPFgRmZmZmFgEFdFRlbGVyaWsuV2ViLlVJLlJhZE1lbnVJdGVtLCBUZWxlcmlrLldlYi5VSSwgVmVyc2lvbj0yMDA4LjMuMTAxNi4zNSwgQ3VsdHVyZT1uZXV0cmFsLCBQdWJsaWNLZXlUb2tlbj0xMjFmYWU3ODE2NWJhM2Q0DxYDZmZmFgEFdFRlbGVyaWsuV2ViLlVJLlJhZE1lbnVJdGVtLCBUZWxlcmlrLldlYi5VSSwgVmVyc2lvbj0yMDA4LjMuMTAxNi4zNSwgQ3VsdHVyZT1uZXV0cmFsLCBQdWJsaWNLZXlUb2tlbj0xMjFmYWU3ODE2NWJhM2Q0ZGQYAQUeX19Db250cm9sc1JlcXVpcmVQb3N0QmFja0tleV9fFgEFDm5hdmlnYXRpb25NZW51qYqgI5M9vu4gKKZ0YwXpMFTG7gc=" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
    theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>
<script src="/MenuControlWebApp/WebResource.axd?d=dUQ6eyHfUxXT-Pc-K1pXog2&amp;t=633392531767031250" type="text/javascript"></script>


<script src="/MenuControlWebApp/ScriptResource.axd?d=nsh6bKeP1Nsf0bOYM8puBePWWY7emLcCII6PXF8Pc0s59zPX_PQ6B6prCzOMdel-kOqj9VMd-Zrnr7VgLiNjuDFI8-q7u5bYErh2TtlIeBc1&amp;t=633392535216406250" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>

<script src="/MenuControlWebApp/ScriptResource.axd?d=nsh6bKeP1Nsf0bOYM8puBePWWY7emLcCII6PXF8Pc0s59zPX_PQ6B6prCzOMdel-gpFzsP0Ff_G5U27Cn8DclDF_8HiJpVUZBdb25OAbdRBUGyRRkY8aZtpWi2UwGB_h0&amp;t=633392535216406250" type="text/javascript"></script>
<script src="/MenuControlWebApp/ScriptResource.axd?d=eMCWEkDgllH0YualrAqfR3UQfd6g_kMAAHzKTQ4AjJal-P7V_P1VMsvIpGQt90H40&amp;t=633710915156718750" type="text/javascript"></script>
<script src="/MenuControlWebApp/ScriptResource.axd?d=eMCWEkDgllH0YualrAqfR3UQfd6g_kMAAHzKTQ4AjJbfdqqxD7Ntnz74I8D9i4q38VlzfrOI0uHWrKe1t2F2k0tm5I3oUWwisQXjoxf_vdY1&amp;t=633710915156718750" type="text/javascript"></script>
<script src="/MenuControlWebApp/ScriptResource.axd?d=eMCWEkDgllH0YualrAqfR3UQfd6g_kMAAHzKTQ4AjJaB5yiTLMhrjAt_4QmWoAfEj98R7LIVj3VEaiGlJLfTFvPdX8b2a4mLjsFvZXZSRls1&amp;t=633710915156718750" type="text/javascript"></script>
<script src="/MenuControlWebApp/ScriptResource.axd?d=eMCWEkDgllH0YualrAqfR3UQfd6g_kMAAHzKTQ4AjJbofaRFIQlinboDZIs6pIMBill9hWYNSGIL6oiwnoh3wkiFIZQMZv5AQz5_b4OfKpE1&amp;t=633710915156718750" type="text/javascript"></script>
<script src="/MenuControlWebApp/ScriptResource.axd?d=eMCWEkDgllH0YualrAqfR9j7JvyL0AOnQkbGUTjx9JWuJNTdOhr33qYLUeSu7lyX2vPjk1d8sAnmZh4DPhLQlg2&amp;t=633710915156718750" type="text/javascript"></script>
    <div>
        <div id="navigationMenu" class="RadMenu RadMenu_Default main_navigation_menu">
	<!-- 2008.3.1016.35 --><ul class="rmHorizontal rmRootGroup">
		<li class="rmItem rmFirst"><a href="#" class="rmLink "><span class="rmText">Home</span></a></li><li class="rmItem"><a href="#" class="rmLink "><span class="rmText">Preview</span></a></li><li class="rmItem rmLast"><a href="#" class="rmLink wArrow"><span class="rmText">View</span></a><div class="rmSlide">
			<ul class="rmVertical rmGroup rmLevel1">
				<li class="rmItem rmFirst"><a href="#" class="rmLink "><span class="rmText">Folders</span></a></li><li class="rmItem"><a href="#" class="rmLink subMenuArrow"><span class="rmText">Searches</span></a><div class="rmSlide">
					<ul class="rmVertical rmGroup rmLevel2">
						<li class="rmItem rmFirst"><a href="#" class="rmLink "><span class="rmText">View</span></a></li><li class="rmItem rmLast"><a href="#" class="rmLink subMenuArrow"><span class="rmText">Recent</span></a></li>
					</ul>
				</div></li><li class="rmItem"><a href="#" class="rmLink "><span class="rmText">Bookmarks</span></a></li><li class="rmItem rmLast"><a href="#" class="rmLink "><span class="rmText">Print</span></a></li>
			</ul>
		</div></li>
	</ul><input id="navigationMenu_ClientState" name="navigationMenu_ClientState" type="hidden" />
</div>
    
    <script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManager', document.getElementById('form1'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls([], [], [], 90);
//]]>
</script>
 
    </div>
    

<script type="text/javascript">
//<![CDATA[
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadMenu, {"_skin":"Default","clientStateFieldID":"navigationMenu_ClientState","collapseAnimation":"{\"type\":12,\"duration\":200}","itemData":[{},{},{"items":[{},{"items":[{},{"cssClass":"subMenuArrow"}],"cssClass":"subMenuArrow"},{},{}],"focusedCssClass":"wArrowExpanded","cssClass":"wArrow"}]}, null, null, $get("navigationMenu"));
});
Sys.Application.initialize();
//]]>
</script>
</form>
</body>
</html>


CSS


.main_navigation_menu
{
    border:none;
}

.main_navigation_menu .rmRootGroup
{
    padding-left: 0;
    margin-left: 0;
    background-color: #1a144c;
    color: #ffffff;
}

.main_navigation_menu .rmHorizontal .rmVertical .rmLink
{
    width:150px;
    height:25px;
    border-bottom:1px solid #e1e1e1;
    border-top:1px solid #ffffff;
    background-color:#f7f7f7;
    background-image:none;
    padding: 0;
    border-left:none;
    border-right:none;
}

.main_navigation_menu .rmHorizontal .rmVertical .dtl_sub_menu_arrow
{    
    width:150px;
    height:25px;
    font-size:10px;
    font-weight:normal;
    color:#525151;
    text-decoration:none;
    border-bottom:1px solid #e1e1e1;
    border-top:1px solid #ffffff;
    background-color:#f7f7f7;
    background-image:url(../images/naviSubArrow_arrow.gif);
    background-repeat:no-repeat;
    background-position:130px 1px;
    padding:0px;
    border-left:none;
    border-right:none;
}

.main_navigation_menu .rmHorizontal .rmVertical .dtl_sub_menu_arrow:hover
{    
    background-color:#ededed;
    width:150px;
    height:25px;
    font-size:10px;
    font-weight:normal;
    color:#525151;
    text-decoration:none;
    border-bottom:1px solid #e1e1e1;
    border-top:1px solid #ffffff;
    background-color:#f7f7f7;
    background-image:url(../images/naviSubArrow_arrow.gif);
    background-repeat:no-repeat;
    background-position:130px 1px;
    padding:0px;
    border-left:none;
    border-right:none;
}

.main_navigation_menu .rmHorizontal .rmVertical .rmLink .rmText
{
    font-size:10px;
    font-weight:normal;
    color:#525151;
    text-decoration:none;
}

.main_navigation_menu .rmHorizontal .rmLink
{
    background-image: url(../images/top_navi_menu_off.gif);
    background-repeat:repeat-x;
    background-position: 50% top;
    cursor: pointer;
    height:34px;
    float: left;
}

.RadMenu_Default .rmHorizontal .rmItem {
        PADDING-BOTTOM: 1px
}

.main_navigation_menu .rmHorizontal .rmLink .rmText
{
    color: #ffffff;
    font-weight:bold;
    font-size:11px;
    text-decoration: none;    
    padding-top: 11px;
}

.main_navigation_menu .rmHorizontal .wArrow {
    padding: 0px 15px 0px 0px;
    background-image: url(../Images/top_navi_menuarrow_off.gif);
    background-repeat:repeat-x;
    background-position:right;
}

.dtl_main_navigation_menu .rmGroup .rmText
{
    padding: 0 40px 0 0;
}

.main_navigation_menu .rmHorizontal .rmVertical .rmLink:hover
{
    background-color:#ededed;
    border:none;
}

.main_navigation_menu .rmHorizontal .rmLink:hover,
.main_navigation_menu .rmHorizontal .rmExpanded,
.main_navigation_menu .rmHorizontal .rmFocused
{
    background-image: url(../images/top_navi_menu_on.gif);
    border:none;
}

.main_navigation_menu .rmHorizontal .wArrow:hover
{
    background-image: url(../images/top_navi_menuarrow_on.gif);
}

.main_navigation_menu .rmHorizontal .wArrowExpanded
{
    background-image: url(../images/top_navi_menuarrow_on.gif);
}

.main_navigation_menu .rmGroup .rmItem,
.main_navigation_menu .rmGroup .rmLink
{
    /*background: transparent;*/
}

Pieter
Top achievements
Rank 1
 answered on 06 Aug 2011
7 answers
334 views
Hi there, i'm wondering if this is possible, what i'd like to be able to implement is a radcombobox where it finds the closest match to whatever you type.

For example i've got a radcombobox with markfirstmatch enabled and allowcustomtext to false (because i want to limit them to the items within the combobox). 

Take this for example; a combobox populated with countries. 

United Kingdom 
United Arab Emirates. 

I start typing 'Uni' and it jumps to any items starting with 'Uni' which is great. However, what if i want to type 'Kingdom' ? Or 'Arab' , or any part of the text. 

I'd like it filter the items in the combobox based on this. 

Another example would be me typing in 'land' and having it find 'England', and any other items containing that text.

Many thanks for your support Telerik.

Alan

Alan T
Top achievements
Rank 1
 answered on 06 Aug 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?