or
<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True" />
header remains expanded to full width but content is tightening to minimum width, just to fit data (see pic 1)<grid:RadGrid ID="Grid" runat="server" Height="99.5%" ShowStatusBar="True" AllowSorting="True" AllowAutomaticUpdates="True" AutoGenerateColumns="False" AllowPaging="true" PageSize="20" GridLines="Both"> <MasterTableView DataKeyNames="id" EditMode="InPlace" Width="100%" /> <ClientSettings> <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True" /> <ClientEvents /> </ClientSettings> </grid:RadGrid>
<telerik:GridTemplateColumn UniqueName="COSTTOCOMPLETE" HeaderText="Cost to Complete"> <ItemTemplate> <telerik:RadNumericTextBox ID="costToComp" runat="server" Text = '<%# Eval("COSTTOCOMPLETE") %>' ReadOnly="true"> <NumberFormat DecimalDigits="0" /> </telerik:RadNumericTextBox> </ItemTemplate> <EditItemTemplate> <telerik:RadNumericTextBox ID="costToComp" runat="server" Text = '<%# Bind("COSTTOCOMPLETE") %>'> <NumberFormat DecimalDigits="0" /> <ClientEvents OnBlur="costToComp" /> </telerik:RadNumericTextBox> </EditItemTemplate> <InsertItemTemplate> <telerik:RadNumericTextBox ID="costToComp" runat="server" Text = '<%# Bind("COSTTOCOMPLETE") %>'> <NumberFormat DecimalDigits="0" /> <ClientEvents OnBlur="costToComp" /> </telerik:RadNumericTextBox> </InsertItemTemplate> </telerik:GridTemplateColumn> function costToComp(sender, args) { var grid = $find('<%= rg_OpenWIP.ClientID %>'); var idx = grid._editIndexes[0]; if (idx != null) { $find(grid.MasterTableView.get_id()).updateItem(parseInt(idx)); var items = grid.get_masterTableView().get_dataItems(); if ((items.length - 1) != idx) { $find(grid.get_masterTableView().get_id()).editItem(parseInt(idx) + 1);//works always } } else { $find(grid.MasterTableView.get_id()).insertItem(); } }; <telerik:RadComboBox ID="rcomSearch" runat="server" OnItemsRequested="rcomSearch_ItemsRequested" EnableLoadOnDemand="true" DataTextField="text1" DataValueField="typeid" MarkFirstMatch="true" AutoPostBack="False" HighlightTemplatedItems="true" EmptyMessage="Søk i IBA..." OnSelectedIndexChanged="rcomSearch_SelectedIndexChanged" LoadingMessage="Henter..." Width="300px" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged" Visible="true" AllowCustomText="True" >
So, OnSelectedIndexChanged i will go directly to the found object, but if I press Enter with text in the box I would like to response.redirect to a Search-page and give a list of results there.
/* <RadMenu / Black> */ .RadMenu_MenuSkin .rmRootGroup, .RadMenu_MenuSkin a.rmLink, .RadMenu_MenuSkin .rmText { background-color: transparent; } .RadMenu_MenuSkin .rmRootGroup { background-repeat: repeat-x; background-color: #717171; } .RadMenu_MenuSkin .rmVertical { background-position: 0 -408px; } /* <Root items> */ .RadMenu_MenuSkin, .RadMenu_MenuSkin a.rmLink { font: normal 12px/23px "Segoe UI", Arial, sans-serif; color: #ffffff; text-decoration: none; } .RadMenu_MenuSkin a.rmLink, .RadMenu_MenuSkin .rmText { background-repeat: no-repeat; background-position: 0 500px; } .RadMenu_MenuSkin a.rmLink:hover, .RadMenu_MenuSkin a.rmFocused, .RadMenu_MenuSkin a.rmSelected { background-position: 0 -72px; background-color : #dcdcdc; /* Selected menu*/ color : #28638f; font-weight:bold; } .RadMenu_MenuSkin .rmLast a.rmExpanded .rmText { background-position: 0 500px; background-repeat: no-repeat; } .RadMenu_MenuSkin a.rmDisabled, .RadMenu_MenuSkin a.rmDisabled:hover { color: #7d7d7d; background-position: 0 500px; } /* </Root items> */ .RadMenu_MenuSkin .rmVertical .rmLink, .RadMenu_MenuSkin .rmHorizontal .rmLink { margin-right: 5px; /* Distance between menu items*/} /* <Submenu items> */ .RadMenu_MenuSkin .rmGroup, .RadMenu_MenuSkin .rmMultiColumn, .RadMenu_MenuSkin .rmGroup .rmVertical { border: 1px solid #080808; } .RadMenu_MenuSkin .rmTopFix, .RadMenu_MenuSkin .rmBottomFix, .RadMenu_MenuSkin .rmRoundedCorners .rmGroup .rmItem, .RadMenu_MenuSkin .rmRoundedCorners li.rmFirstGroupColumn .rmItem, .RadMenu_MenuSkin .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem, .RadMenu_MenuSkin .rmRoundedCorners ul.rmHorizontal .rmFirst, .RadMenu_MenuSkin_Context.rmRoundedCorners .rmGroup .rmItem, .RadMenu_MenuSkin_Context.rmRoundedCorners ul.rmHorizontal .rmFirst { background-color: #717171; background-repeat: repeat-y; } * html .rmRoundedCorners_MenuSkin .rmGroup .rmItem, * html .rmRoundedCorners_MenuSkin ul.rmHorizontal .rmFirst { background-color: #717171; background-repeat: repeat-y; } .RadMenu_MenuSkin .rmRoundedCorners .rmGroupColumn { background-color: #717171; } .RadMenu_MenuSkin .rmRoundedCorners .rmScrollWrapContainer .rmTopFix, .RadMenu_MenuSkin .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix, .RadMenu_MenuSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix, .RadMenu_MenuSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix { background: #717171; } * html .rmRoundedCorners_MenuSkin .rmScrollWrapContainer .rmTopFix, * html .rmRoundedCorners_MenuSkin .rmScrollWrapContainer .rmBottomFix { background: #717171; }