Questions on UI for ASP.NET AJAX Forum

1 answer

91 views

Hi All...

So, I've built a Grid programmatically and databound it... so far so good. I need to add a column containing dropdown list, which would be databound. I need to be able to use it as an edit button so that when the selected value changed fires, it updates the particular field for that row. I've found a number of threads similar but for the life of me, don't see this particular scenario addressed...

I'd be very grateful for any assistance!

Thank you!

Grid

answered on 13 Jul 2016

7 answers

137 views

Seperate Datasource Data Navigator and Chart

Hi

I have implemented an Ajax call when the chart zooms it gets more data at greater granularity the attached Js file (I have to screen shot it). This works fine.

However is there a way of keeping the navigator not zoomed in:

Chart (HTML5)

answered on 13 Jul 2016

4 answers

916 views

Radgrid combo box onselectedindexchanged

I'm using a radcombo box within radgrid itemtemplate. How do I set the value of a label control on selectedindexchanged. The label control is not within the grid. there's a screen shot attached to give you an idea.

Thanks,

ComboBox

answered on 12 Jul 2016

4 answers

139 views

problem to rescue scheduler elements

Hello,
I'm using advancedEditTemplate and I am unable to rescue the components inside us click and update events.

I have this code:

<telerik:RadScheduler ID="RadSchedulerAgenda" runat="server"
Localization-HeaderToday="Hoje"
Localization-HeaderDay="Dia"
Localization-HeaderWeek="Semana"
Localization-ConfirmDeleteTitle="Cancelar Horário"
Localization-ConfirmDeleteText="Deseja cancelar horário?" Height="100%" RowHeight="50px" Culture="pt-BR" Localization-HeaderMonth="Mês"
Localization-AdvancedDescription="Descrição"
Localization-AdvancedSubject="Assunto"
Localization-AdvancedAllDayEvent="Todo o Dia"
Localization-AdvancedStartTimeRequired="Inicio"
Localization-AdvancedRecurrence="Evento Recorrente"
Localization-AdvancedEditAppointment="Editar Agendamento"
Localization-Save="Salvar"
Localization-Cancel="Cancelar"
Reminders-Enabled="false"
ShowFooter="False"
ShowAllDayRow="False"
ShowNavigationPane="False"
Skin="Bootstrap"
DayStartTime="07:00:00"
DayEndTime="19:00:00"
WorkDayStartTime="07:00:00"
WorkDayEndTime="19:00:00"
DataKeyField="idAgendamento"
DataSubjectField="Solicitacao.Protocolo"
DataDescriptionField="Descricao"
DataStartField="DataInicio"
DataEndField="DataFim"
AdvancedForm-EnableCustomAttributeEditing="true"
AdvancedForm-Modal="true"
AllowInsert="False"
OnFormCreated="RadSchedulerAgenda_FormCreated"
OnNavigationCommand="RadSchedulerAgenda_NavigationCommand"
OnAppointmentDataBound="RadSchedulerAgenda_AppointmentDataBound"
OnAppointmentClick="RadSchedulerAgenda_AppointmentClick"
OnAppointmentDelete="RadSchedulerAgenda_AppointmentDelete"
OnAppointmentUpdate="RadSchedulerAgenda_AppointmentUpdate" DisplayRecurrenceActionDialogOnMove="True" EnableCustomAttributeEditing="True">

<AppointmentContextMenus>
<telerik:RadSchedulerContextMenu runat="server" ID="SchedulerAppointmentContextMenu">
<Items>
<telerik:RadMenuItem Text="Abrir" Value="CommandEdit">
</telerik:RadMenuItem>
<telerik:RadMenuItem IsSeparator="True">
</telerik:RadMenuItem>
<telerik:RadMenuItem Text="Categorize">
<Items>
<telerik:RadMenuItem Text="Não Atendido" Value="1">
</telerik:RadMenuItem>
<telerik:RadMenuItem Text="Na Recepção" Value="2">
</telerik:RadMenuItem>
<telerik:RadMenuItem Text="Em Atendimento" Value="3">
</telerik:RadMenuItem>
<telerik:RadMenuItem Text="Atendido" Value="4">
</telerik:RadMenuItem>
</Items>
</telerik:RadMenuItem>
<telerik:RadMenuItem IsSeparator="True">
</telerik:RadMenuItem>
<telerik:RadMenuItem Text="Delete" Value="CommandDelete" ImageUrl="https://safeweb.com.br/ecommerce/icons/deletered.png">
</telerik:RadMenuItem>
</Items>
</telerik:RadSchedulerContextMenu>
</AppointmentContextMenus>

<AdvancedEditTemplate>
<div class="rsDialog rsAdvancedEdit rsAdvancedModal" style="position: relative">

<div class="rsAdvTitle">
<h1 class="rsAdvInnerTitle">Visualizar Agendamento</h1>
<asp:LinkButton runat="server" ID="AdvancedEditCloseButton" CssClass="rsAdvEditClose" CommandName="Cancel" />
</div>
<div class="rsAdvContentWrapper">
<ul class="rfbGroup">
<li class="rfbRow">
<telerik:RadTextBox RenderMode="Lightweight" ID="Assunto_RadTextBox" runat="server" Width="100%" Label="Assunto : " CssClass="form-control" ReadOnly="true" Skin="Bootstrap" />
</li>
<li class="rfbRow">
<telerik:RadDatePicker RenderMode="Lightweight" ID="DtInicio_RadDatePicker" CssClass="toDate" Width="50%" runat="server" DateInput-Label="Data/Hora Inicio" Skin="Bootstrap" />
<telerik:RadTimePicker RenderMode="Lightweight" ID="HrInicio_RadTimePicker" runat="server" Skin="Bootstrap" TimeView-Interval="00:30" />
</li>
<li class="rfbRow">
<telerik:RadDatePicker RenderMode="Lightweight" ID="DtFim_RadDatePicker" CssClass="toDate" Width="50%" runat="server" DateInput-Label="Data/Hora Fim" Skin="Bootstrap" />
<telerik:RadTimePicker RenderMode="Lightweight" ID="HrFim_RadTimePicker" runat="server" Skin="Bootstrap" TimeView-Interval="00:30" />
</li>
<li class="rfbRow">
<telerik:RadTextBox RenderMode="Lightweight" ID="Nome_RadTextBox" runat="server" Width="100%" Label="Nome/Razão Social : " CssClass="form-control" ReadOnly="true" Skin="Bootstrap" />
</li>
<li class="rfbRow">
<telerik:RadTextBox RenderMode="Lightweight" ID="Documento_RadTextBox" runat="server" Width="100%" Label="Documento : " CssClass="form-control" ReadOnly="true" Skin="Bootstrap" />
</li>
<li class="rfbRow">
<telerik:RadTextBox RenderMode="Lightweight" ID="Email_RadTextBox" runat="server" Width="100%" Label="Email : " CssClass="form-control" ReadOnly="true" Skin="Bootstrap" />
</li>
<li class="rfbRow">
<telerik:RadTextBox RenderMode="Lightweight" ID="Telefone_RadTextBox" runat="server" Width="100%" Label="Telefone : " CssClass="form-control" ReadOnly="true" Skin="Bootstrap" />
</li>
<li class="rfbRow">
<telerik:RadTextBox RenderMode="Lightweight" ID="Produto_RadTextBox" runat="server" Width="100%" Label="Produto : " CssClass="form-control" ReadOnly="true" Skin="Bootstrap" />
</li>
<li class="rfbRow">
<telerik:RadComboBox RenderMode="Lightweight" ID="Atendente_RadComboBox" runat="server" EmptyMessage="Selecione o Atendente" Width="100%" Label="Atendente : " DataSourceID="SqlDataSourceAtendentes" DataValueField="idUsuario" DataTextField="Nome" Skin="Bootstrap" />
</li>
<li class="rfbRow">
<telerik:RadComboBox RenderMode="Lightweight" ID="Status_RadComboBox" runat="server" Width="100%" Label="Status : " DataSourceID="SqlDataSourceStatus" DataValueField="Value" DataTextField="Text" Skin="Bootstrap" />
</li>
<li class="rfbRow">
<telerik:RadTextBox RenderMode="Lightweight" ID="Observacao_RadTextBox" runat="server" TextMode="MultiLine" Width="100%" Label="Observação : " Skin="Bootstrap" BorderWidth="1px" />
</li>
</ul>

<asp:Panel runat="server" ID="Panel1" CssClass="rsAdvancedSubmitArea">
<div class="rsAdvButtonWrapper">
<asp:LinkButton CommandName="Update" runat="server" ID="LinkButton2" CssClass="rsAdvEditSave" Text="Salvar" />
<asp:LinkButton runat="server" ID="LinkButton3" CssClass="rsAdvEditCancel" CommandName="Cancel" Text="Cancelar" />
</div>
</asp:Panel>

</div>
</div>
</AdvancedEditTemplate>

<AppointmentTemplate>
<asp:Label runat="server" ID="teste_lbl" Text='<%# Eval("Subject") %>'></asp:Label>
</AppointmentTemplate>

<ExportSettings>
<Pdf PageTopMargin="1in" PageBottomMargin="1in" PageLeftMargin="1in" PageRightMargin="1in"></Pdf>
</ExportSettings>

</telerik:RadScheduler>

How do I get access to the elements?

Thanks in advance.

Scheduler

answered on 12 Jul 2016

2 answers

137 views

Nested Radgrid - Duplicate Parent Removal

I have a Radgrid nested two levels, parent/child. When loading the grid I get all values in the parent grid when I just want distinct values on the parent.

<telerik:RadGrid RenderMode="Lightweight" ID="grdChartofAccounts" runat="server" AutoGenerateColumns="false" AllowSorting="true" AllowMultiRowSelection="false" OnNeedDataSource="grdChartofAccounts_NeedDataSource">

<MasterTableView DataKeyNames="JobID" CommandItemDisplay="Bottom">

<DetailTables>

<telerik:GridTableView>

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="JobID" MasterKeyField="JobID" />

</ParentTableRelation>

<Columns>

<telerik:GridBoundColumn HeaderText="Task" UniqueName="Task" DataField="TaskID_Job" />

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn HeaderText="Job" UniqueName="Job" DataField="JobID" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

protected void grdChartofAccounts_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

List<tasks> taskList = new List<tasks>();

for (int i = 1; i <= 5; i++)

for (int x = 1; x <= 5; x++)

{

tasks task = new tasks();

task.JobID = i;

task.TaskID = x;

taskList.Add(task);

}

DataTable dt = new DataTable();

dt.Columns.Add("JobID");

dt.Columns.Add("TaskID_Job");

foreach (tasks task in taskList)

{

DataRow dr = dt.NewRow();

dr["JobID"] = task.JobID.ToString();

dr["TaskID_Job"] = task.TaskID;

dt.Rows.Add(dr);

}

this.grdChartofAccounts.DataSource = dt;

}

I've attached two images of my existing output and my desired output.

Grid

answered on 12 Jul 2016

3 answers

61 views

Browser Back not loading MultiPage.css for RadTabStrip/RadMultiPage

Hi All,

I've got a page that is using RadTabStrip and RadMultiPage that is working fine except when the page is loaded due to the user using the Browser Back button. In this case, the MultiPage.css is not being loaded, and the RadMultiPage is showing all of the "pages".

I can solve the problem by explicitly including the stylesheet "http://aspnet-skins.telerikstatic.com/ajaxz/2016.1.113/MultiPage.css" but this is not ideal as we'll need to remember to update every time we update the controls.

In case it matters, on page load the RadMultiPage is set Visible="False", and is only set visible when the user selects a row from an adjacent grid and we fill with that rows data.

Any ideas?

TabStrip

answered on 12 Jul 2016

7 answers

207 views

RadMenu and Loading Panel - Clicking on menu item to redirects to slow loading page

When a user logs into our webportal web site, they are taken to the Customer Portal page that has a RadMenu.

The RadMenu is dynamically created with different menu items based on what the user has access to.

Some of the menu items are for web pages that are slow in loading.

I need a way to show a Loading Panel and/or message like "Loading...Please Wait!" on the Customer Portal page to indicate to the user that it is working on loading the web page and once it is done loading then show the web page.

Currently, I have the RadMenu set up to use OnClientItemClicking to prevent from anything happening if the user accidently clicks on the root menu item.

Please help!

Thanks in advance!

Sincerely,

Keith Jackson

Menu

answered on 12 Jul 2016

5 answers

173 views

Crash in GridSettingsPersister class

Hi

I our project we are using Class GridSettingsPersister in the link(http://www.telerik.com/help/aspnet/grid/grdsavingsettingsonperuserbasis.html). Previously when we are Telerik.Web.UI version 2009.2.701.20 it was working fine. We upgrade Telerik.Web.UI version ()it is crashing in some page at Dim gridSettings() As Object = CType(formatter.Deserialize(reader), Object()).

When we connected development database it is crashing.while it is test in testing database there was no issue.

Its value of parameter ‘setting’ passed to LoadSettings() function

Development Database :

/wEUKwAFFgQeAl9jAgEeATAWBB4DX2ZuBRFXb3JrZmxvd0RhdGVfdGVtcB4DX3NvCyl1VGVsZXJpay5XZWIuVUkuR3JpZFNvcnRPcmRlciwgVGVsZXJpay5XZWIuVUksIFZlcnNpb249MjAwOS4yLjcwMS4yMCwgQ3VsdHVyZT1uZXV0cmFsLCBQdWJsaWNLZXlUb2tlbj0xMjFmYWU3ODE2NWJhM2Q0AhQrAAAUKhJTeXN0ZW0uV2ViLlVJLlBhaXIIDwIDHA8CBBwPAgUbAAAAAAAAKEAHAAAADwIGGwAAAAAAAERABwAAAA8CBxsAAAAAAAA2QAcAAAAPAggbAAAAAAAAGEAHAAAADwIJGwAAAAAAACRABwAAAA8CChsAAAAAAAAkQAcAAAAWCGhoZ2dnZ2doAgo=

Testing Database

/wEUKwAFFgQeAl9jAgEeATAWAh4DX2ZuBRFXb3JrZmxvd0RhdGVfdGVtcBQrAAAUKhJTeXN0ZW0uV2ViLlVJLlBhaXIIDwIDHA8CBBwPAgUbAAAAAAAAKEAHAAAADwIGGwAAAAAAAERABwAAAA8CBxsAAAAAAAA2QAcAAAAPAggbAAAAAAAAGEAHAAAADwIJGwAAAAAAACRABwAAAA8CChsAAAAAAAAkQAcAAAAWCGhoZ2dnZ2doAhQ=

We try this solution Set the MaxPageStateFieldLength proprety of Pages in Web.config file

but still issue existing .

The error message while debugging is 'The serialized data is invalid' but browser show another runtime error message. Please check the screen shot.

General Discussions

answered on 12 Jul 2016

1 answer

90 views

DateTimeColumn will not filter correctly

I have a programmatically created radgrid. One Column in the grid is a GridDateTimeColumn. I have allowed filtering on this column, but I can not get it to filter to the exact date. I initially was trying to do format so I could filter on date and time, but I would settle for just the date at this point if it got it working. The column created code is:

GridDateTimeColumn bc40 = new GridDateTimeColumn();

dg.MasterTableView.Columns.Add(bc40);

bc40.PickerType = GridDateTimeColumnPickerType.DatePicker;

bc40.DataField = "LaunchDate";

bc40.HeaderText = "LaunchDate";

bc40.UniqueName = "LaunchDate";

bc40.ItemStyle.HorizontalAlign = HorizontalAlign.Left;

bc40.AutoPostBackOnFilter = true;

bc40.DataFormatString = "{0:MM/dd/yyyy}";

bc40.EnableTimeIndependentFiltering = true;

bc40.FilterDateFormat = "MM/dd/yyyy";

bc40.DataType = typeof(System.DateTime);

bc40.Display = true;

I have try muliple variations of FormatString, FilterFormats, Disabled TimeIndepence with no such luck. I though it may be looking directly at the grid's format, so I have also added this to my ItemDataBound event:

DateTime launchDateTime = DateTime.Parse(item["LaunchDate"].Text.ToString());

string formattedDateTime = String.Format("{0:MM/dd/yyyy}", launchDateTime);

item["LaunchDate"].Text = formattedDateTime;

The date on the grid shows up in the format of 01/01/2016. The format in the filter shows up as 01/01/2016. But when the filter of "Equal To" is set, I don't retrieve any records.

This filter is a requirement for my application to work properly. Any help would be greatly appreciated.

Grid

answered on 12 Jul 2016

3 answers

127 views

RadGrid Export Content-Type Is Wrong

I use the Export feature in RadGrids on many pages to export Excel, MSWord and PDF documents. It works on all but one page. The culprit throws the PageRequestManagerParserErrorException when Visual Studio is in Debug mode. Furthermore, if I try to export an Excel document, Fiddler shows that the response header’s Content-Type is “text/plain; charset=utf-8” instead of “application/vnd.ms-excel;”, and the WebView and Raw view is gobble-de-gook. Please help.

Grid

answered on 11 Jul 2016