Questions on UI for ASP.NET AJAX Forum

3 answers

302 views

hI, i have a radtreeview which is populated in codebehind, with a list of objects. Thre treeview is inside a split panel. Sometimes i need to open a radwindow popup that opens another url, from a menu that lies in the same page in which the treeview is. The popup opens, i do something in that window (a different url) that causes postbacks in the popup, but not in the main page. It depends on how many postbacks i make in the popup, if i close the popup, and then click on a node in the radtreeview, SOMETIMES it disappears. If i open the popup and make LESS postbacks, all works great. I've tried to bind the treeview into the markup, with an ObjectDataSource, and the strange behavior stops, except for a thing: now the treeview does not disappear, but collapses!

Any ideas?

TreeView

answered on 30 Jul 2015

4 answers

695 views

How to have RadioButtons with Checkbox Icon Style

Following code displays as per attached screenshot "Radio Button style" and has Radio like behaviour IE Check a button and the other unchecks:

<telerik:RadButton ID="RadButtonTile" runat="server" ToggleType="Radio" ButtonType="ToggleButton" Skin="BlackMetroTouch" Text="tile view"

GroupName="Radios" AutoPostBack="false" Checked="true" Height="32px">

</telerik:RadButton>

<telerik:RadButton ID="RadButtonList" runat="server" ToggleType="Radio" ButtonType="ToggleButton" Skin="BlackMetroTouch" Text="list view"

GroupName="Radios" AutoPostBack="false" Height="32px">

</telerik:RadButton>

The radio behaviour is what I want, but would prefer to use the square like icons that the Checkbox style provides in BlackMetroTouch skin. I can achieve the desired style as per attached screenshot "Checkbox Style" using the following code. However the Radio Button behaviour is lost:

<telerik:RadButton ID="RadButtonTile" runat="server" ToggleType="CustomToggle" ButtonType="ToggleButton" Skin="BlackMetroTouch" Text="tile view"

GroupName="Radios" AutoPostBack="false" Checked="true" Height="32px">

<ToggleStates>

<telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleCheckboxChecked" />

<telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleCheckbox" />

</ToggleStates>

</telerik:RadButton>

<telerik:RadButton ID="RadButtonList" runat="server" ToggleType="CustomToggle" ButtonType="ToggleButton" Skin="BlackMetroTouch" Text="list view"

GroupName="Radios" AutoPostBack="false" Height="32px">

<ToggleStates>

<telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleCheckbox" />

<telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleCheckboxChecked" />

</ToggleStates>

</telerik:RadButton>

Is there anyway to include the Radio Button behaviour with the desired checkbox style?

Thanks

Button

answered on 29 Jul 2015

5 answers

175 views

RadPersistenceManager broken in latest drop

I got the latest ASP.NET AJAX controls and all my grid would load but I could not return to them because RadPersistenceManager1.LoadState(); hangs. Go to the persistence example and test the example loading different settings. In the example it eventually comes back after an unexceptable while but on my system it does not return.

Example

I had to remove RadPersistenceManager from my project because you could only go to each grid once.

Grid

answered on 29 Jul 2015

1 answer

306 views

Trying to test OnClientFileUploadFailed with RadAsyncUpload

This might sound like an odd request for help; Trying to make it fail. :-)

I have an AsyncUpload control that I need to make fail temporarily.

I've tried to switch off my network card (wifi) halfway through the upload but I just get a console error:

POST http://myDomain.localhost/Telerik.Web.UI.WebResource.axd?type=rau
net::ERR_INTERNET_DISCONNECTED

I would have thought this would cause the OnClientFileUploadFailed event fire, but it doesn't. The progress bar stays and just the console error message is shown.

Telerik control version : 2015.1.225.40

Chrome version : 44.0.2403.107 m

Any suggestions would be very much appreciated. For either how to get the event to fire or why the OnClientFileUploadFailed event doesn't fire.

Thanks

AsyncUpload

answered on 29 Jul 2015

2 answers

219 views

RadGrid - submit/cancel button styles

Hello,

I have a bunch of RadGrids that use inplace editing. My client complains that the submit/cancel buttons (in Edit mode and Insert mode) are too close to each other. Is there any simple way to insert some spacing between the buttons? I need to modify about 20 or so grids, that's why I'm looking for the simplest possible solution.

Thanks,

Leszek

Grid

answered on 29 Jul 2015

2 answers

90 views

In Telerik RadScheduler Appointment Tag doesn't extend if it is longer than a day in month view

I create an appointment in Rad scheduler. it works fine if the appointment is a day long.
But when it is longer then a day, it only shows the first day and on Sunday(if the appointment is cross Sunday). Is there anyway that we could display the appointment more clearly? The appointment should show on every day in the calendar.
I appreciate if anyone could help me this problem!!!

Appreciated!

Chris

Calendar

answered on 29 Jul 2015

1 answer

77 views

Updating an AjaxPanel from JS called from RadWindow?

I'm having some issues getting an AjaxPanel to update.

On my content page, I have 2 user controls wrapped in an AjaxPanel:

<telerik:RadAjaxPanel ID="AjaxPanel1" runat="server" OnAjaxRequest="RadAjaxPanel1_AjaxRequest" >

<div class="row">

<div>

<div class="col-md-6">

<uc1:TView runat="server" ID="TView" />

</div>

<div class="col-md-6">

<uc1:ProControl runat="server" ID="ProcView" />

</div>

</telerik:RadAjaxPanel>

In my user control, I have a link that opens a fairly simple RadWindow via JS

<telerik:RadWindow ID="WinPView" runat="server" Width="700px"

Height="732px" ReloadOnShow="true"

OnClientClose="closeWithAlert" CssClass="" skin="Sunset"

Behaviors="Close" Modal="True" EnableViewState="true" VisibleTitlebar="false"

VisibleStatusbar="false">

</telerik:RadWindow>

When the window is closing, I pass some data back to my content page JS asks the panel to update

'// JS

function invokeAjaxrequest() {

$find("<%= AjaxPanel1.ClientID%>").ajaxRequest();

}

'// Code Behind

Protected Sub RadAjaxPanel1_AjaxRequest(sender As Object, e As AjaxRequestEventArgs)

PView.UpdateData()

TView.UpdateData()

End If

End Sub

In that JS function I ask the AjaxPanel to update. It appears to only work sometimes. Suggestions to troubleshoot this? I seem to be able to hit the breakpoint so i know the JS request to update is hitting, however the UI is not refreshing, thus for some reason the ajaxpanel is not updating the content. Ive adjusted the maxqueue size as well.

AjaxPanel

answered on 29 Jul 2015

1 answer

265 views

How to use AjaxUpdatedControl in RadGrid inside Asp:Repeater?

I dont know how to get the ID if the RadGrid is dynamically

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnablePartialRendering="true"

LoadScriptsBeforeUI="false" EnableCdn="true" ScriptMode="Release">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

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

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

<telerik:AjaxUpdatedControl ControlID="RadWindowManager1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:Repeater ID="rp1" runat="server" OnItemDataBound="rp1_ItemDataBound">

<ItemTemplate>

<div class="panel panel-default">

<div class="panel-heading" role="tab" id="headingOne">

<h4 class="panel-title">

<a role="button" data-toggle="collapse" href='#collapse<%# index %>' aria-expanded="false" aria-controls="collapseOne"><%# Eval("nome") %>

</a>

</h4>

</div>

<div id='collapse<%# index %>' class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">

<div class="panel-body">

<asp:UpdatePanel runat="server" ID="up1">

<ContentTemplate>

<%-- <%-- Inicio do Telerik --%>

<telerik:RadFormDecorator runat="server" DecorationZoneID="demo" EnableRoundedCorners="false" DecoratedControls="All" />

<div id="demo" class="demo-container no-bg">

<telerik:RadGrid ID="RadGrid1" runat="server" Skin="Metro"

AllowPaging="True" AllowAutomaticUpdates="True" AllowAutomaticInserts="True"

AllowAutomaticDeletes="true" AllowSorting="true" OnItemCreated="RadGrid1_ItemCreated"

OnItemInserted="RadGrid1_ItemInserted" OnPreRender="RadGrid1_PreRender" OnInsertCommand="RadGrid1_InsertCommand"

OnUpdateCommand="RadGrid1_UpdateCommand" OnEditCommand="RadGrid1_EditCommand">

<PagerStyle Mode="NextPrevAndNumeric" />

<MasterTableView AutoGenerateColumns="False" NoDetailRecordsText="Não há eventos a serem exibidos" NoMasterRecordsText="Não há eventos"

DataKeyNames="id" CommandItemDisplay="Bottom">

<Columns>

<telerik:GridBoundColumn DataField="nomeEspaco" Visible="false" ReadOnly="true"></telerik:GridBoundColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UpdateText="Salvar Alterações" EditText="Alterar" UniqueName="EditCommandColumn">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn Text="Deletar" CommandName="Delete" ConfirmText="Você tem certeza que deseja deletar esse registro? não será possível desfazer essa ação" ButtonType="ImageButton" />

<telerik:GridBoundColumn DataField="id" HeaderText="ID" ReadOnly="true" SortExpression="id"

UniqueName="id" Visible="false" MaxLength="5">

</telerik:GridBoundColumn>

<telerik:GridDropDownColumn DataSourceID="ods2"

DataField="periodo" ListTextField="nome" ListValueField="valor" HeaderText="Período" UniqueName="periodo">

</telerik:GridDropDownColumn>

<telerik:GridBoundColumn DataField="nomeCliente" ReadOnly="true" HeaderText="Nome do cliente" SortExpression="ContactTitle"

UniqueName="ContactTitle">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="email" ReadOnly="true" HeaderText="E-mail" SortExpression="CompanyName"

UniqueName="CompanyName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="telefone" ReadOnly="true" HeaderText="Telefone" SortExpression="Phone"

UniqueName="Phone">

</telerik:GridBoundColumn>

<telerik:GridDropDownColumn DataField="formato" DataSourceID="ods5" HeaderText="Formato" SortExpression="formato"

ListTextField="nome" ListValueField="valor"

UniqueName="formato">

</telerik:GridDropDownColumn>

<telerik:GridDropDownColumn DataField="nomeStatus" DataSourceID="ods3" HeaderText="Status" SortExpression="status"

ListTextField="nome" ListValueField="valor"

UniqueName="status">

</telerik:GridDropDownColumn>

<telerik:GridDropDownColumn DataField="tipoEvento" DataSourceID="ods4" HeaderText="Tipo de Evento" SortExpression="tipoEvento"

ListTextField="nome" ListValueField="valor"

UniqueName="tipoEvento">

</telerik:GridDropDownColumn>

</Columns>

<EditFormSettings>

<EditColumn CancelText="Cancelar" UpdateText="Salvar Alterações" ButtonType="ImageButton" />

</EditFormSettings>

<CommandItemSettings AddNewRecordText="Adicionar novo evento" />

</MasterTableView>

</telerik:RadGrid>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" />

</ContentTemplate>

</asp:UpdatePanel>

</div>

<%-- Fim do Telerik --%>

</div>

</ItemTemplate>

</asp:Repeater>

Grid

answered on 29 Jul 2015

1 answer

64 views

In Telerik RadScheduler Appointment Tag doesn't extend if it is longer than a day in month view

I create an appointment in Rad scheduler. it works fine if the appointment is a day long.
But when it is longer then a day, it only shows the first day and on Sunday(if the appointment is cross Sunday). Is there anyway that we could display the appointment more clearly? The appointment should show on every day in the calendar.
I appreciate if anyone could help me this problem!!!

Appreciated!

Chris

0down vote favorite

I create an appointment in Rad scheduler. it works fine if the appointment is a day long.

But when it is longer then a day, it only shows the first day and on Sunday(if the appointment is cross Sunday). Is there anyway that we could display the appointment more clearly? The appointment should show on every day in the calendar.

I appreciate if anyone could help me this problem!!!

Appreciated!

Scheduler

answered on 29 Jul 2015

1 answer

128 views

ListView or not

I'm trying to decide on the right control to use for a page i'd like to build. I initially started with radgrid but i think a listview would be better. also if anyone has any links to similar samples that would be helpful. Thanks.

I'm trying to build a page that will load 1,000's, if not 10,000's of rows of very simply text data, but i want the user experience to be like this page link here where it loads the first several thousand rows, and then when the user reaches the bottom, it does an ajax call to load another several thousand rows, and so on. can this be achieved with radgrid? or is listview the better choice?

http://pedump.me/880541c6303296db1b891ddd71c82c41/#disasm

Thanks

ListView

answered on 29 Jul 2015