Questions on UI for ASP.NET AJAX Forum

2 answers

285 views

Dynamic visibility on GridButtonColumn?

Is there any way to make a GridButtonColumn visible or not based on bound data?

Cheers, Rob.

Grid

answered on 27 Feb 2019

6 answers

1.1K+ views

How to center controls in a LayoutColumn?

I'm new to AJAX controls for ASP.NET ... I'm trying out RadPageLayout and can't seem to accomplish the most simple of tasks ... just have a control centered in a column. In fact I can't find any property in LayoutColumn that has anything to do with alignment?

<telerik:RadPageLayout ID="RadPageLayout1" runat="server" GridType="Fluid" BorderWidth="1px" Width="300">

<Rows>

<telerik:LayoutRow RowType="Row">

<Columns>

<telerik:LayoutColumn>

<telerik:RadLabel ID="rlb_Online" runat="server" Text="Online"/>

</telerik:LayoutColumn>

</Columns>

</telerik:LayoutRow>

</Rows>

</telerik:RadPageLayout>

Any hints? I've read thru the documentation on RadPageLayout and LayoutRow and LayoutColumn but NOT a single mention of alignment or setting margins for rows and I can't find any property setting that would accomplish this? I guess I'm missing something very obvious with this control?

Cheers, Rob.

PageLayout

answered on 27 Feb 2019

2 answers

132 views

EditorTemplate don't work in Grid inside a template

I have a View (name = 'step3Grid'). It's using popup with a Template ("_VendorQuotationTmp")

01.@(

02. Html.Kendo().Grid<VendorQuotationDto>()

03. .Name("step3Grid")

04. .Columns(columns =>

05. {

06. columns.Bound(p => p.VendorName).Title(LanguageData["L-00323"])

07. .HtmlAttributes(new { style = "text-align:left;" })

08. .HeaderHtmlAttributes(new { style = "text-align:center; font-weight:bold", title = LanguageData["L-00323"] });

09. columns.Bound(p => p.PurchaseOrderName).Title(LanguageData["L-00284"])

10. .HtmlAttributes(new { style = "text-align: left" })

11. .ClientTemplate("#=PurchaseOrderName.toString().split('-').pop()#")

12. .HeaderHtmlAttributes(new { style = "text-align:center; font-weight:bold", title = LanguageData["L-00284"] });

13. columns.Bound(p => p.HasAttachedFile).Title(LanguageData["L-00060"])

14. .ClientTemplate("#if (HasAttachedFile && HasPDFAttachedFile) {#<img src='" + @Url.Content("/Content/images/common/pdf.png") +

"' alt='PDF File' height='16' width='16' class='icon-file-attached' title='#=Attachment#'>#}# #if (HasAttachedFile && !HasPDFAttachedFile) {#<img src='"

+ @Url.Content("/Content/images/common/paperclip.png") + "' alt='Attached File' height='16' width='16' class='icon-file-attached' title='#=Attachment#'>#}#")

15. .HtmlAttributes(new { @onclick = "clickImagePDF('#=Attachment#'); return false;" })

16. .HeaderHtmlAttributes(new { style = "text-align:center; font-weight:bold", title = LanguageData["L-00060"] }).Width("65px");

17.

18. columns.Command(c =>

19. {

20. c.Edit().HtmlAttributes(new { title = LanguageData["B-00003"] });

21. c.Destroy().HtmlAttributes(new { title = LanguageData["B-00004"] });

22. })

23. .Title(LanguageData["L-00000"])

24. .Width("100px")

25. .HtmlAttributes(new { style = "text-align: center;" })

26. .HeaderHtmlAttributes(new { style = "text-align:center; font-weight:bold" });

27. })

28. .Events(e => e.Edit("onEditVendorQuo").Save("onSaveVendorQuo")/*.DetailExpand("onExpandVendorQuo")*/)

29. .Editable(e =>

30. {

31. e.Mode(GridEditMode.PopUp).TemplateName("_VendorQuotationTmp");

32. e.DisplayDeleteConfirmation(LanguageData["N-00019"]);

33. })

34. .ToolBar(toolbar =>

35. {

36. toolbar.Create().Text(LanguageData["B-00001"]);

37. })

38. //.ClientDetailTemplateId("template")

39. .Sortable()

40. .Selectable()

67. .Scrollable(a => a.Height("auto"))

68. .DataSource(dataSource => dataSource

69. .Ajax()

70. .PageSize(30)

71. .Model(model =>

72. {

73. model.Id(p => p.Id);

74. })

75. .Read(read => read.Action("ReadVendorQuotation", "PurchaseOrder", new { MrId = Model.MaterRequisId, @area = "Ship" }).Type(HttpVerbs.Post))

76. .Create(create => create.Action("CreateVendorQuotation", "PurchaseOrder", new { @area = "Ship" , shipId = ViewBag.ShipId }).Type(HttpVerbs.Post).Data("getParamVendorQuo"))

77. .Update(update => update.Action("UpdateVendorQuotation", "PurchaseOrder", new { @area = "Ship", shipId = ViewBag.ShipId }).Type(HttpVerbs.Post).Data("getParamVendorQuo"))

78. .Destroy(des => des.Action("DeleteVendorQuotation", "PurchaseOrder", new { @area = "Ship", shipId = ViewBag.ShipId }).Type(HttpVerbs.Post))

79. .Events(e => e.RequestStart("onRequestStartStep3").RequestEnd("onRequestEndStep3"))

80. ))

Inside the popup ("_VendorQuotationTmp"),

01.@(Html.Kendo().Grid<RequestQuoDetailDto>()

02. .Name("vendorquodetailGrid")

03. .Columns(columns =>

04. {

05. columns.Bound(p => p.PartCode).Title(LanguageData["L-00167"])

06. .HtmlAttributes(new { style = "text-align:left;" })

07. .HeaderHtmlAttributes(new { style = "text-align:center; font-weight:bold", title = LanguageData["L-00167"] }).Width("10%");

08. columns.Bound(p => p.PartName).Title(LanguageData["L-00168"])

09. .ClientTemplate("#=PartName# ").Width("38%")

10. .HtmlAttributes(new { style = "text-align: left" }).HeaderHtmlAttributes(new { style = "text-align:center; font-weight:bold", title = LanguageData["L-00168"] });

11. columns.Bound(p => p.Price).Title(LanguageData["L-00288"]).HtmlAttributes(new { style = "text-align: left" })

.EditorTemplateName("DecimalRound1")

12. .HeaderHtmlAttributes(new { style = "text-align:center; font-weight:bold", title = LanguageData["L-00288"] }).Width("12%");

13.

14. columns.Bound(p => p.FullGroupName).ClientGroupHeaderTemplate(" #= value #").Hidden();

15. })

16. .Events(e => e.Save("onSaveVendorQuoDetail"))

17. .Editable(e => e.Mode(GridEditMode.InCell))

18. .Groupable()

19. .Sortable()

20. .Selectable()

21. .Pageable(p => p.Messages(mes =>

22. {

23. mes.Display(LanguageData["N-00067"]);

24. mes.Empty(LanguageData["N-00068"]);

25. mes.Previous(LanguageData["B-00038"]);

26. mes.Next(LanguageData["B-00039"]);

27. mes.First(LanguageData["B-00040"]);

28. mes.Last(LanguageData["B-00041"]);

29. }))

30. .Filterable(filterable => filterable

31. .Extra(false)

32. .Messages(m => m.Info(LanguageData["B-00035"])

33. .Filter(LanguageData["B-00036"])

34. .Clear(LanguageData["B-00037"]))

35. .Operators(operators => operators

36. .ForNumber(str => str.Clear()

37. .IsEqualTo(LanguageData["B-00033"])

38. .IsNotEqualTo(LanguageData["B-00034"])

39. )

40. .ForString(str => str.Clear()

41. .Contains(LanguageData["B-00031"])

42. .StartsWith(LanguageData["B-00032"])

43. .IsEqualTo(LanguageData["B-00033"])

44. .IsNotEqualTo(LanguageData["B-00034"])

45. ))

46. )

47. .Scrollable(a => a.Height("400px"))

48. .AutoBind(false)

49. .DataSource(dataSource => dataSource

50. .Ajax()

51. .Group(g => g.Add(f => f.FullGroupName))

52. .ServerOperation(false)

53. .PageSize(20)

54. .Model(model =>

55. {

56. model.Id(p => p.QuotationDetailId);

57. model.Field(f => f.PartCode).Editable(false);

58. model.Field(f => f.PartName).Editable(false);

59. })

60. .Read(read => read.Action("ReadDetailVendorQuo", "PurchaseOrder", new { @area = "Ship" }).Type(HttpVerbs.Post))

61. ))

At column 'Price' of Grid. I applied EditorTemplate cho it and Price is double?. When I run program, I got error and popup can open. If I remove EditorTemplate of column 'Price' then program can run and this column is type ='text' not 'number'

Can you tell me why is it ? You don't care about 'LanguageData'. I am not good English. If I have any misspelling, please forgive me. Thanks.

General Discussions

answered on 27 Feb 2019

1 answer

80 views

MonthView - when click on a day take to a new page

Using the below for a sheduler:

<telerik:RadScheduler RenderMode="Lightweight" runat="server" ID="RadScheduler1" DayStartTime="08:00:00" AdvancedForm-Enabled="false" Skin="Glow"
DayEndTime="18:00:00" DataKeyField="ID" DataSubjectField="Subject" DataStartField="Start" DataEndField="End"
DataRecurrenceField="RecurrenceRule" DataRecurrenceParentKeyField="RecurrenceParentId" SelectedView="MonthView" DayView-UserSelectable="false" MonthView-UserSelectable="true" TimelineView-UserSelectable="false" WeekView-UserSelectable="false"
DataReminderField="Reminder" Width="800" >
</telerik:RadScheduler>

What i want to do is, when i click on a day i am taken to a new aspx page. There doesnt seem to be an onclick event for the days. I have tried RadScheduler1_TimeSlotContextMenuItemClicked and RadScheduler1_TimeSlotContextMenuItemClicking but they dont work

Scheduler

answered on 27 Feb 2019

3 answers

386 views

RadEditor validation with RequiredFieldValidator not working as expected

I've been following https://demos.telerik.com/aspnet-ajax/editor/examples/validators/defaultcs.aspx to enable validation on my RadEditor control to make sure (1) it is not empty and (2) the entered content length is larger than a certain amount of characters. The RadEditor control is on a (.ascx). The validation happens when you click the update button.

It seems to be working when there are no text entered, but when I enter any text of any length it stills shows me the empty text message and clears the editor control text.

<table id="" style="border-collapse: collapse; border: 0; width: 100%">
<tr class="EditFormHeader">
<td colspan="3">
<b>Ticket Details</b>
</td>
<td>
<telerik:RadButton ID="btnUpdateTicket" runat="server" ValidationGroup="ValidateInput" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>' CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'></telerik:RadButton>
</td>
</tr>

<tr>
<td class="auto-style2">Notes:</td>
<td colspan="3">
<telerik:RadEditor ID="fldNote" runat="server" RenderMode="Lightweight" Skin="Metro" Width="98%" Height="200px" EditModes="Design" ContentFilters="RemoveScripts" >
<Tools>
<telerik:EditorToolGroup Tag="MainToolbar">
<telerik:EditorTool Name="FindAndReplace" />
<telerik:EditorSeparator />
<telerik:EditorSplitButton Name="Undo">
</telerik:EditorSplitButton>
<telerik:EditorSplitButton Name="Redo">
</telerik:EditorSplitButton>
<telerik:EditorSeparator />
<telerik:EditorTool Name="Cut" />
<telerik:EditorTool Name="Copy" />
<telerik:EditorTool Name="Paste" ShortCut="CTRL+V / CMD+V" />
</telerik:EditorToolGroup>
<telerik:EditorToolGroup Tag="Formatting">
<telerik:EditorTool Name="Bold" />
<telerik:EditorTool Name="Italic" />
<telerik:EditorTool Name="Underline" />
<telerik:EditorSeparator />
<telerik:EditorSplitButton Name="ForeColor">
</telerik:EditorSplitButton>
<telerik:EditorSplitButton Name="BackColor">
</telerik:EditorSplitButton>
<telerik:EditorSeparator />
<telerik:EditorDropDown Name="FontName">
</telerik:EditorDropDown>
<telerik:EditorDropDown Name="RealFontSize">
</telerik:EditorDropDown>
</telerik:EditorToolGroup>
</Tools>
</telerik:RadEditor>
<asp:RequiredFieldValidator ID="NoteValidator" runat="server" Display="Static" CssClass="validator" ControlToValidate="fldNote">Please add a note!</asp:RequiredFieldValidator>
<%-- <asp:CustomValidator runat="server" ID="EditorLengthValidator" ControlToValidate="fldNote" Display="Static" CssClass="validator" ClientValidationFunction="TelerikDemo.checkLength">***Your note is too short!!***</asp:CustomValidator><br />--%>

If commented out the CustomValidator controls to eliminate it as an issue, so now it doesn't have to check the lenght.

I'm using version 2018.3.910.45 of the ASP.NET AJAX controls.

I've gone through some of the thread, but not helped so far.

Editor

answered on 27 Feb 2019

6 answers

1.4K+ views

How to remove empty row in export excel file

Hi,
I want to remove the empty rows in exporting radgrid to excel file. See attached file. How to do it? Thanks.

Grid

answered on 26 Feb 2019

5 answers

153 views

Expanding an appointment in RadScheduler is not showing the shadow in Internet Explorer

I have a telerik:RadScheduler control in my page. We can expand this slot by dragging from the bottom. Internally the appointment is getting changed. But while expanding, it is not displaying the shadow at the background. This issue is occuring in Internet Explorer, while it is working properly in Google Chrome. Can anyone please help me on this.

<telerik:RadScheduler ID="RadSchedulerReceivingBay" runat="server" GroupBy="Bay"
DataSourceID="ObjectDataSourceBookingScheduleItem" DataKeyField="BookingID" DataSubjectField="Vendor"
DataStartField="Start" DataEndField="End" Height="100%"
Culture="en-GB" ShowAllDayRow="False" ShowDateHeaders="False"
ShowFooter="True" ShowHeader="False" ShowNavigationPane="False"
ShowViewTabs="False" MinutesPerRow="15"
DayStartTime="05:00:00" Font-Size="8pt"
onappointmentdatabound="RadSchedulerReceivingBay_AppointmentDataBound"
onappointmentinsert="RadSchedulerReceivingBay_AppointmentInsert"
onappointmentupdate="RadSchedulerReceivingBay_AppointmentUpdate"
RowHeight="20px"
StartInsertingInAdvancedForm="True"
onformcreating="RadSchedulerReceivingBay_FormCreating"
onformcreated="RadSchedulerReceivingBay_FormCreated"
onappointmentdelete="RadSchedulerReceivingBay_AppointmentDelete"
onclientappointmentmoving="OnClientAppointmentMoving"
onclientappointmentdeleting="ResetTimer"
onclientappointmentediting="ResetTimer"
onclientappointmentinserting="ResetTimer"
onclientappointmentmoveend="ClientAppointmentChangeConfirm" WorkDayEndTime="23:59:00"
CustomAttributeNames="TimeStampString,IsBlocker" EnableCustomAttributeEditing="True"
AdvancedForm-Modal="False" WorkDayStartTime="00:00:00"
onclientappointmentresizeend="ClientAppointmentChangeConfirm"
NumberOfHoveredRows="1"
onappointmentcreated="RadSchedulerReceivingBay_AppointmentCreated"
ondatabound="RadSchedulerReceivingBay_DataBound"
onappointmentcommand="RadSchedulerReceivingBay_AppointmentCommand"
EnableEmbeddedSkins="true" EnableEmbeddedBaseStylesheet="true">

<AdvancedForm EnableCustomAttributeEditing="True" />

<ResourceTypes>
<telerik:ResourceType KeyField="ReceivingBayID" Name="Bay" TextField="Name" ForeignKeyField="ReceivingBayID"
DataSourceID="ObjectDataSourceBays" />
</ResourceTypes>

<AdvancedEditTemplate>
<uc2:BookingDetailControl ID="BookingDetailControl" runat="server" Action="edit" />
</AdvancedEditTemplate>

<DayView WorkDayEndTime="18:00:00" />

<AdvancedInsertTemplate>
<uc2:BookingDetailControl ID="BookingDetailControl" runat="server" Action="insert" />
</AdvancedInsertTemplate>

</telerik:RadScheduler>

Grid

answered on 26 Feb 2019

7 answers

274 views

[Help] Problem about pressing tab key, Horizontal scroll of the gridview's header doesn't work

In footer of the gridview, I have some textboxs. When I use horizontal scroll,
then header and footer will move on following this horizontal scroll.
But when I use tab key to move to next textbox (instead of using horizontal scroll) then footer, header and items don't move on following.
Please help me to resolve this problem.
Thank!!!

Grid

answered on 25 Feb 2019

4 answers

258 views

complete step to first step - loop

maybe vessy help radwizard loop problem. please see below vessy

on last step - StepType="Complete" want to have button to start Wizard over client-side only please

this button in Complete step goes back to step 1 - RadWizard.get_wizardSteps().getWizardStep(0).set_active(true);

but step missing progress bar and navigation tools - please help

<h4 style="text-align: right;">Quieres añadir otra?</h4>

<div style="float: right; padding-right: 25px;">

<telerik:RadButton runat="server" Text="Añadir" Font-Size="Large" Width="100px" Height="65px" AutoPostBack="false" CausesValidation="false"

OnClientClicked="RadButtonAdd" />

</div>

Wizard

answered on 22 Feb 2019

1 answer

168 views

Detection if RadTextBox has focus through jQuery

Hi,

could somebody give me an advice, how to manage if I need to know whether some RadTextbox has focus on not. I know, I can do it through onfocus and onblur client side events, but I want it to achieve through jQuery.

For now I found this link:

https://stackoverflow.com/questions/967096/using-jquery-to-test-if-an-input-has-focus

I tried to to use this $(mytelerikradtextbox).is(":focus") to check whether control has focus, but it still returns false even it has focus. Shouldn't I apply it on input child ?

Thanks for the right direction :-)

Vasssek

Input

answered on 22 Feb 2019