Questions on UI for ASP.NET AJAX Forum

10 answers

1.7K+ views

I would like to be able to hide/disable or show/enable a step from the client side based on user response.

Hiding would mean i want to hide the step, have it skip that step in the navigation, and disable validation for that page..

Showing it would unhide it, add it back the step navigation, and re-enable validation.

I have been able to remove the step and hide it, but I can't insert it back if needed.

I could possibly hide the step, disable validation, and then override the next button so that it skips that step. But it would still affect that percentage complete, etc.

Also, I am not doing a asp postback as I am saving the data via an ajax post. So corrupting the viewstate is not an issue.

Wizard

answered on 20 Jun 2017

1 answer

236 views

RadPane Scrolling="Y" property doesn't work

Hello,
I'm spending a lot of time trying to show the vertical scrollbar in a RadPane and reading older posts.

Summarizing, I've site with a MasterPage and pages with an "asp:content" containing a RadSplitter, separing a "filtering" RadPane on the left and a RadPane containing a grid on the right.

I've a problem due to resizing page (or lower resolution monitors), because my RadPane containing filters doesn't resize and them has cut off.

I try to attach a "simplify" code snipping, I've a bit of css and stuffs..

<asp:Content ID="Content2" ContentPlaceHolderID="corpo" runat="server">
<telerik:RadSplitter ID="RadSplitter1" Runat="server" Skin="Office2010Blue" Orientation="Vertical" ResizeWithBrowserWindow="true" Width="100%" Height="100%" EnableViewState="false">
<telerik:RadPane ID="navigationPane" runat="server" Width="300" PersistScrollPosition="true" Scrolling="Y">
<div id="CorpoLeft">

<%--<div id="CorpoLeftTop">
<table style="width:100%;height:100%;margin-top:4px">
<tr>
<td style="text-align:center;vertical-align:middle">
<asp:Label ID="lblFiltri" runat="server" Text="Filtri"></asp:Label>
</td>
</tr>
</table>
</div>--%>

<%--<div id="CorpoLeftCenter" >
<table style="width:100%;height:100%;margin-left:4px">
<tr>
<td style="text-align:left">--%>
<Uc:myUcDataCal runat="server" ID="tboxDataInizio" WidthLabel="115" WidthCampo="110" Caption="Data inizio"/>
<Uc:myUcDataCal runat="server" ID="tboxDataFine" WidthLabel="115" WidthCampo="110" Caption="Data fine"/>
<div style="height:6px"></div>

<Uc:myUcTboxRicerca runat="server" ID="tboxMittente" WidthLabel="115" WidthCampo="150" Caption="Mittente" TipoRicerca="I"/>
<Uc:myUcTboxRicerca runat="server" ID="tboxDestinatario" WidthLabel="115" WidthCampo="150" Caption="Destinatario" TipoRicerca="I"/>
<Uc:myUcTboxRicerca runat="server" ID="tboxProvenienza" WidthLabel="115" WidthCampo="150" Caption="Provenienza" TipoRicerca="I"/>
<Uc:myUcTboxRicerca runat="server" ID="tboxDestinazione" WidthLabel="115" WidthCampo="150" Caption="Destinazione" TipoRicerca="I"/>

<div style="height:6px"></div>
<Uc:myUcTboxRicerca runat="server" ID="tboxRiferimento" WidthLabel="115" WidthCampo="150" Caption="Riferimento" TipoRicerca="I"/>
<Uc:myUcTbox runat="server" ID="tboxContainer" WidthLabel="115" WidthCampo="114" Caption="Container"/>
<Uc:myUcTbox runat="server" ID="tboxNumeroSpedizione" WidthLabel="115" WidthCampo="114" Caption="Numero sped."/>

<div style="height:6px"></div>
<Uc:myUcTboxRicerca runat="server" ID="tboxDdtNumero" WidthLabel="115" WidthCampo="150" Caption="Ddt: numero" TipoRicerca="I"/>
<Uc:myUcDataCal runat="server" ID="tboxDdtData" WidthLabel="115" WidthCampo="140" Caption="Ddt: data"/>

<div style="height:6px"></div>
<Uc:myUcTbox runat="server" ID="tboxAwbCompagnia" WidthLabel="115" WidthCampo="114" Caption="Awb: compagnia"/>
<Uc:myUcTbox runat="server" ID="tboxAwbNumero" WidthLabel="115" WidthCampo="114" Caption="Awb: numero"/>

<div style="height:6px"></div>
<Uc:myUcCombo runat="server" ID="cboFiliale" WidthLabel="115" WidthCampo="150" Caption=""/>
<Uc:myUcCombo runat="server" ID="cboDeposito" WidthLabel="115" WidthCampo="150" Caption=""/>

<div style="height:6px"></div>
<Uc:myUcCombo runat="server" ID="cboTerraMareAereo" WidthLabel="115" WidthCampo="150" Caption="Attivita" CheckBoxes="true" EnableCheckAllItemsCheckBox="true" MostraVociSelezionate="true"></Uc:myUcCombo>

<div style="height:6px"></div>
<Uc:myUcCombo runat="server" ID="cboImportExport" WidthLabel="115" WidthCampo="150" Caption="Import/Export" CheckBoxes="true" EnableCheckAllItemsCheckBox="true" MostraVociSelezionate="true"></Uc:myUcCombo>

<div style="height:6px"></div>
<table>
<tr><td><Uc:myUcCheck runat="server" ID="ck1" WidthLabel="113" WidthCampo="25" Caption="ck1"/></td><td><img src="../../../Immagini/DIA.png" alt="Acquisita"/> </td></tr>
<tr><td><Uc:myUcCheck runat="server" ID="ck2" WidthLabel="113" WidthCampo="25" Caption="ck1"/></td><td><img src="../../../Immagini/DIInR.png" alt="In ritiro"/> </td></tr>

</table>
<%-- </td>
</tr>
</table>
</div>

<div id="CorpoLeftBottom">--%>
<asp:Button ID="btnRicerca" runat="server" CssClass="Bottone" Text="Ricerca" Width="80px" Height="28px" Font-Names="Verdana" Font-Size="8pt" Font-Bold="true" OnClick="btnRicerca_Click"/>
<asp:Button ID="btnExcel" runat="server" CssClass="Bottone" Text="Xls" Width="50px" Height="28px" Font-Names="Verdana" Font-Size="8pt" OnClick="btnExcel_Click"/>
<%--</div>--%>
</div>
</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward">
</telerik:RadSplitBar>

<telerik:RadPane ID="contentPane" runat="server" Scrolling="None">
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Office2010Blue">
</telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="grd">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="grd" LoadingPanelID="RadAjaxLoadingPanel1">
</telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnRicerca">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="grd" LoadingPanelID="RadAjaxLoadingPanel1">
</telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>

<telerik:RadGrid ID="grd" runat="server" AllowPaging="True" PageSize="20" PagerStyle-AlwaysVisible="true" OnNeedDataSource="grd_NeedDataSource" Skin="Windows7" Width="100%" Height="450px" Style="border: 0;outline: none" AutoGenerateColumns="False" CellSpacing="0" GridLines="None" OnItemDataBound="grd_ItemDataBound" OnItemCommand="grd_ItemCommand">
<ClientSettings AllowColumnsReorder="True">
<Selecting AllowRowSelect="false" UseClientSelectColumnOnly="True" />
<Scrolling AllowScroll="true" UseStaticHeaders="true" />
<Resizing AllowColumnResize="false" />
<ClientEvents OnGridCreated="ResizeGrid" />
</ClientSettings>
<MasterTableView DataKeyNames="Key" NoDetailRecordsText="" NoMasterRecordsText="" ShowHeadersWhenNoRecords="true">
<CommandItemSettings ExportToPdfText="Export to PDF" />
<RowIndicatorColumn FilterControlAltText="" Visible="True">
</RowIndicatorColumn>
<ExpandCollapseColumn FilterControlAltText="" Visible="True">
</ExpandCollapseColumn>
<Columns>
...... (omissis)
</Columns>
<EditFormSettings>
<EditColumn FilterControlAltText="">
</EditColumn>
</EditFormSettings>
<PagerStyle AlwaysVisible="True" PageSizeControlType="RadComboBox" Position="Bottom"/>
</MasterTableView>
<PagerStyle AlwaysVisible="True" PageSizeControlType="RadComboBox"/>
<FilterMenu EnableImageSprites="False">
</FilterMenu>
</telerik:RadGrid>

</telerik:RadPane>
</telerik:RadSplitter>

</asp:Content>

I tried to remove tables and div as read in an older post, but it doesn't work.

I used some custom UserControls, based of the Telerik controls, but it doesn't matter.

I hope to have some hints from you.

Thank you, kind regards

Max

Splitter

answered on 20 Jun 2017

1 answer

146 views

Nexus 5

I can not open / expand my submenu with Nexus 5. Nothing happens when I click.

With all other mobiles it expands?

Navigation

answered on 20 Jun 2017

0 answers

128 views

Get .css file of Default Skin

Hi,

I want create my own telerik skin, but i can't find the source code of Default Skin. I try the ThemeBuilder but it's not enough complete.

I have saw the topic "Telerik Skin Exchange Program", so I know it's possible.

Where could I find them ?

Thank

General Discussions

asked on 20 Jun 2017

1 answer

95 views

Grid will not bind correctly post filter (combo) selection

Hi,

I am trying to apply filter by implementing filter template. I have a radcombobox that filters the radgrid.

a) Datasource for the radgrid is a dataset defined in aspx.vb. There are 2 tables in the dataset
b) Radcombobox datasource is a datatable from the above dataset defined in aspx.vb.
c) Trying to rebind the radgrid after the radcombobox selection both in code behind and on aspx via JS.

1) using the following lines in cmbStateSelectedIndexChanged event does not rebind the grid

<code style="color: #000;">gv_MainStatusDynamic.MasterTableView.FilterExpression = e.Value<</code><code style="color: #069;font-weight: bold;">br</code><code style="color: #000;">> filterItem.FireCommandEvent("Filter", New Pair("Contains", e.Value))<</code><code style="color: #069;font-weight: bold;">br</code><code style="color: #000;">> gv_MainStatusDynamic.Rebind()</code>

2) using FilterExpression in radgrid prerender does not rebind the grid

If isFiltered Then<br> If rg_dynamic.MasterTableView.FilterExpression <> "0" Then<br> Dim filterItem As GridFilteringItem = TryCast(TryCast(sender, RadComboBox).NamingContainer, GridFilteringItem)<br> Dim aCombo As RadComboBox = TryCast(filterItem.FindControl("cmbState"), RadComboBox)<br> rg_dynamic.MasterTableView.FilterExpression = Session("StateVal")<br> rg_dynamic.MasterTableView.Rebind()<br> End If<br> End If

3) using filtering in aspx page does not rebind grid.

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server"><br> <script type="text/javascript"><br

>                                               function SelectedIndexChanged(sender, args)<

br> {<br

>                                                   var tableView = $find("<%# TryCast(Container, GridItem).OwnerTableView.ClientID %>");<

br

>                                                   tableView.filter("State", args.get_item().get_value(), "EqualTo");<

br> }<br> </script><br> </telerik:RadScriptBlock>

In my first and second cases after I select a state and I do rg_dynamic.MasterTableView.Rebind(), the cmbState will not hold the selected value.
In my third case applying just that code to filter the grid on aspx side (that is commenting filter expression code in grid prerender and combobox selected index changed server side events) will hold the selected value.
I have the datasource available for both grid and combox box on my server side. The grid will not rebind post filtered value. I came across an example on your forum pages http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/filtering/filter-templates/defaultcs.aspx
But it is not helping me.

I have tried to select from dataset and apply the expression to rebind the grid inside the grid pre-render event. Not sure if I am doing this right.
In the combo selected index changed event I am saving the text(name of the state) to session variable instead of stateCompID as I was doing it earlier. But the grid still does not rebind.

Dim SprocData As DataSet = GetData()<br> Dim items = (From p In SprocData.Tables(0).AsEnumerable()<br> Select New With {.ID = p.Field(Of Integer)("StateCompID"),<br> .Name = p.Field(Of String)("State")}).ToList()<br> Dim filtered = items.Where(Function(x) x.Name.Contains(Session("StateVal"

))).ToList()<br>                gv_MainStatusDynamic.MasterTableView.FilterExpression = filtered.ToString<br>                gv_MainStatusDynamic.MasterTableView.Rebind()

Any help on this is appreciated.

Thanks

Here is my aspx.vb

Protected Sub rg_dynamic_NeedDataSource(sender As Object, e As GridNeedDataSourceEventArgs) Handles rg_dynamic.NeedDataSource<br> rg_dynamic.DataSource = GetData()<br> End Sub<br> <br> Private Function GetData() As DataSet<br> Using oConn As SqlConnection = New SqlConnection(GenConn())<br> End Using<br> End Function<br> <br> Protected Sub rg_dynamic_ItemCreated(sender As Object, e As GridItemEventArgs) Handles rg_dynamic.ItemCreated<br> If TypeOf e.Item Is GridFilteringItem Then<br> Dim filterItem As GridFilteringItem = DirectCast(e.Item, GridFilteringItem)<br> Dim cmbState As RadComboBox = DirectCast(filterItem("State").FindControl("cmbState"), RadComboBox)<br> cmbState.SelectedValue = e.Item.OwnerTableView.GetColumn("State").CurrentFilterValue<br> RefreshStateCombo(cmbState) <br> End If<br> End Sub<br> <br> Protected Sub RefreshStateCombo(ByVal stCombo As RadComboBox)<br> Dim SprocData As DataSet = GetData()<br> Dim oDbDS As New DataBaseUtils2<br> Dim StateDate As DataView = SprocData.Tables(0).DefaultView<br> Dim dtStatedata As

DataTable = StateDate.Table()<br>        stCombo.DataSource = StateDate<br>        stCombo.DataTextField = dtStatedata.Columns(1).ToString() <br>        stCombo.DataValueField = dtStatedata.Columns(0).ToString()  <br>

End Sub<br> <br> <br> Protected Sub rg_dynamic_PreRender(sender As Object, e As EventArgs) Handles rg_dynamic.PreRender<br> If isFiltered Then<br> If rg_dynamic.MasterTableView.FilterExpression <> "0" Then<br> Dim filterItem As GridFilteringItem = TryCast(TryCast(sender, RadComboBox).NamingContainer, GridFilteringItem)<br> Dim aCombo As RadComboBox = TryCast(filterItem.FindControl("cmbState"), RadComboBox)<br> rg_dynamic.MasterTableView.FilterExpression = Session("StateVal")<br> rg_dynamic.MasterTableView.Rebind()<br> End If<br> End If<br> End Sub<br> <br> Private isFiltered As Boolean = false<br> Protected Sub cmbStateSelectedIndexChanged(sender As Object, e As RadComboBoxSelectedIndexChangedEventArgs) <br> If e.Value <> "0" Then<br> isFiltered = True<br> Session("StateVal") = e.Value<br> End If<br>

'Dim filterItem As GridFilteringItem = TryCast(TryCast(sender, RadComboBox).NamingContainer, GridFilteringItem)<br>        'filterItem.OwnerTableView.GetColumn("StateCompID").CurrentFilterValue = e.Value ''CAPTURE THIS VALUE in a property<br>        'rg_dynamic.MasterTableView.FilterExpression = e.Value<br>        'filterItem.FireCommandEvent("Filter", New Pair("EqualTo", e.Value))<br>        ' rg_dynamic.Rebind()<br>    End Sub

Here is my aspx

<Telerik:Radgrid ID="rg_dynamic" runat="server" DataKeyNames="StateCompID" EnableLinqExpressions="false"

<br>                            BorderStyle="Solid" CellSpacing="0" BorderWidth="1px" AllowAutomaticDeletes="false" AllowMultiRowSelection="false"<

br

>                        AllowAutomaticInserts="false" AllowAutomaticUpdates="false" AutoGenerateColumns="False" AllowFilteringByColumn="true"<

br

>                            AllowSorting="True" GridLines="None" AllowPaging="false" Width="100%" MasterTableView-EnableColumnsViewState="false"><

br> <br> <MasterTableView ><br> <Columns><br> <br> <telerik:GridBoundColumn DataField="StateCompID" Visible="False" HeaderText="StateCompID"

<br>                                    ItemStyle-HorizontalAlign="Left" ReadOnly="True" UniqueName="StateCompID" <

br> SortExpression="StateCompID"> </telerik:GridBoundColumn><br> <br> <br> <telerik:GridBoundColumn DataField="State" HeaderText="State" SortExpression="State" HeaderStyle-Width="175" UniqueName="State" AllowFiltering="true" AutoPostBackOnFilter="true"><br> <FilterTemplate><br> <telerik:RadComboBox RenderMode="Lightweight" ID="cmbState" AutoPostBack="true" AutoPostBackOnFilter="true"

<br>                                            Width="200px" AppendDataBoundItems="true" SelectedValue='<%# TryCast(Container, GridItem).OwnerTableView.GetColumn("State").CurrentFilterValue%>'<

br

>                                            runat="server" OnClientSelectedIndexChanged="SelectedIndexChanged" OnSelectedIndexChanged="cmbStateSelectedIndexChanged" ><

br> <Items><br> <telerik:RadComboBoxItem Text="All" Value="0" /><br> </Items><br> </telerik:RadComboBox><br> <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server"><br> <script type="text/javascript"><br

>                                               function SelectedIndexChanged(sender, args)<

br> {<br

>                                                   var tableView = $find("<%# TryCast(Container, GridItem).OwnerTableView.ClientID %>");<

br

>                                                   tableView.filter("State", args.get_item().get_value(), "EqualTo");<

br> }<br> </script><br> </telerik:RadScriptBlock><br> </FilterTemplate><br> </telerik:GridBoundColumn><br> <telerik:GridBoundColumn DataField="Company" HeaderText="Company Type" ReadOnly="True" SortExpression="Company" UniqueName="Company"

<br>                                    ItemStyle-HorizontalAlign="Center"  AllowFiltering="false" ShowFilterIcon="false"><

br> <br> </telerik:GridBoundColumn><br> </Columns><br> </MasterTableView><br> <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"><br> </HeaderContextMenu><br> <br> </Telerik:Radgrid>

Grid

answered on 20 Jun 2017

1 answer

517 views

File is uploaded instantly and OnFileUploaded event not firing

I am trying to use the RadAsyncUpload to upload a file, the file does get uploaded but it is uploaded as soon as it is selected and the OnFileUploaded event is never fired. I have tried everything in the following links and none have worked: link1, link2, link3, link4. The .aspx file is quite large and so I will try to give all the important information without showing all lines of html. The uploader is in a radpane whose visibility is set to false until the user makes a selection, that radpane is nested within mutiple radpanes and splitters, all of which are inside an asp Panel. I am using the RadAjaxManager as well and I have added the uploader, panel and the postback trigger button to in an attempt to make it work. Not sure if this will make a difference but the uploader is also not uploading to the TargetFolder.

Here is the requestStart function to cause the postback (I do have the ClientEvents OnRequestStart in the ajaxManager):

<telerik:RadCodeBlock ID="rcb1" runat="server">

<script type="text/javascript">

function requestStart(target, arguments) {

if (arguments.get_eventTarget().indexOf("btnUpload") > -1) {

arguments.set_enableAjax(false);

}

if (arguments.get_eventTarget().indexOf("rauFile") > -1) {

arguments.set_enableAjax(false);

arguments.set_cancel(true);

}

</script>

</telerik:RadCodeBlock>

Here is the html for the radasyncupload and the postbacktrigger button:

<telerik:RadAsyncUpload ID="rauFile" runat="server" AllowedFileExtensions=".xls, .xlsx" HideFileInput="true" PostbackTriggers="btnUpload" MaxFileInputsCount="1" OnFileUploaded="rauFile_FileUploaded" TargetFolder="~/Uploads/Run Matrix/" />

<telerik:RadButton ID="btnUpload" runat="server" Text="Upload" OnClick="btnUpload_Click" />

AsyncUpload

answered on 20 Jun 2017

0 answers

99 views

How to pass radgrid selected data to another radgrid??

Hi!

I have two radgrids and i want to pass the data to another radgrid when i press the "edit" button"

.

Ps. Dont want the drag and drop option. Just by clicking on the edit button.

Thankss!!

Grid

asked on 19 Jun 2017

1 answer

208 views

Intermittently getting error crash in Telerik.Web.LocalizationStrings.GetString which needs IIS restarts

<ExceptionType>System.NullReferenceException, mscorlib, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</ExceptionType>
<Message>Object reference not set to an instance of an object.</Message>
<Source>mscorlib</Source>
<StackTrace> at System.Reflection.RuntimeAssembly._nLoad(AssemblyName fileName, String codeBase, Evidence assemblySecurity, RuntimeAssembly locationHint, StackCrawlMark& stackMark, IntPtr pPrivHostBinder, Boolean throwOnFileNotFound, Boolean forIntrospection, Boolean suppressSecurityChecks)
at System.Reflection.RuntimeAssembly.InternalGetSatelliteAssembly(String name, CultureInfo culture, Version version, Boolean throwOnFileNotFound, StackCrawlMark& stackMark)
at System.Resources.ManifestBasedResourceGroveler.GetSatelliteAssembly(CultureInfo lookForCulture, StackCrawlMark& stackMark)
at System.Resources.ManifestBasedResourceGroveler.GrovelForResourceSet(CultureInfo culture, Dictionary`2 localResourceSets, Boolean tryParents, Boolean createIfNotExists, StackCrawlMark& stackMark)
at System.Resources.ResourceManager.InternalGetResourceSet(CultureInfo requestedCulture, Boolean createIfNotExists, Boolean tryParents, StackCrawlMark& stackMark)
at System.Resources.ResourceManager.InternalGetResourceSet(CultureInfo culture, Boolean createIfNotExists, Boolean tryParents)
at System.Resources.ResourceManager.GetString(String name, CultureInfo culture)
at Telerik.Web.LocalizationProvider.EmbeddedResourceLocator.GetString(String resourceKey)
at Telerik.Web.LocalizationStrings.GetString(String key, Boolean throwErrorIfMissing)</StackTrace>

web.config httphandlers has following entries with regards to telerik

The issue comes intermittently while access WebApp, needs IIS restarts and works fine for sometime until running into same issue again later.

General Discussions

answered on 19 Jun 2017

0 answers

151 views

Phantom vertical line seen only in Google Chrome

We're using Google Chrome browser version 58.0.3029.110 (64-bit) in Windows 10.

A phantom vertical line appears when using the telerik:RadTabStrip. Please see the attached image. This doesn't appear in other major browsers, such as Edge, FireFox, or Safari.

TabStrip

asked on 19 Jun 2017

0 answers

138 views

Upgrading from a 2009 version of Telerik UI

I have an application that was made in 2009 and runs on .NET 3.5. It uses the 2009.3.1103.35 version of the Telerik.Web.UI.dll. The project relies heavily on that Rad user controls and AJAX managers, etc..

However, I have to upgrade the project to at least 4.0. The version of the installed Telerik does not support 4.0... So, I would also need to upgrade my version of Telerik, as well as buy a new license since the application was originally built by a third party.

I was curious as to what the process of upgrading from the 2009 version of Telerik to a more recent version would look like? Would it be simple or would it involve extensive work?

General Discussions

asked on 19 Jun 2017