Hi Team,
We are using Telerik reporting service license and have developed reports but our reports are not having excel export option, however the same is working with the trial version of the product in our local environment. but not with the licensed version.
We are using Asp.Net core version 3.1.
We have tried below articles but no luck so far:
1. https://docs.telerik.com/reporting/using-reports-in-applications/dot-net-core-support
2. https://docs.telerik.com/reporting/knowledge-base/missing-docx-xlsx-pptx-xps-export-options
3. https://www.telerik.com/forums/telerik-report-only-have-pdf-excel-and-word-are-missing
Any urgent help will be appreciated.
Thanks,
Markandey Pandey
I have a dialog box that includes a date picker for an expiry date field that is null be default.
If I select an expiry date say a year into the future, close the dialog box and reopen it, the calendar in the datepicker opens to my last selected date instead of today's date.
Is there anyway to force the calendar to always open to today if a date is not set in the datepicker instead of remembering its last position.
It seems to me, I should be able to get the calendar component in the open event of the datepicker and then set the initial date. Is that possible?
Thanks,
Charlotte
Hello,
I would like to return messages to the client whenever a grid create or edit action has completed successfully. I have tried adding to the Json being returned and using VeiwData/TempData but neither is a viable option with the ToDataSourceResult of the grid action methods. I can't seem to find any documentation on how I can achieve this. Please point me in the right direction. Below is an action method I converted from being a grid action to using my own modal editing but I'd like to use the built in grid popup instead.
[HttpPost]
public IActionResult Update([DataSourceRequest] DataSourceRequest request, CaseRequestVM vm, bool fromDashboard = false)
{
if (ModelState.IsValid)
{
bool caseRequestUpdated = _caseRequestService.UpdateCaseRequest(vm);
if (caseRequestUpdated)
{
TempData["Message"] = "Case request updated."; // ===> SHOW ON CLIENT
}
else
{
TempData["Message"] = "Failed to update case request";
}
}
else
{
TempData["Message"] = "Failed to update case request";
}
if (!fromDashboard)
return RedirectToAction(nameof(Index));
else
return RedirectToAction("Dashboard", "Home");
}
I am using kendo grid popup editor with a template.
.Editable(c => { c.TemplateName("_CustomTemplate").Mode(GridEditMode.PopUp); })
This is the _CustomTemplate i am using
@model Models.CustomViewModel
<div id="popupeditor">
@Html.HiddenFor(model => model.Id)
<button type="button" id="NewEmailButton">Add New Email</button>
</div>
And the template model is
public class CustomViewModel
{
public string Name { get; set; }
public List<string> EmailList { get; set; } = new List<string>();
}
User can add new input for email by clicking the "Add New Email" button. I am adding the input to PopUp container with javascript.
function AddEmail()
{
let index = 0;
let input = '<input name="EmailList[index]" type="text"/>'
$(input).appendTo('#popupeditor');
}
I need to make jquery repeater work inside the popup editor.
I need to show repeater for customer email.
public class CustomerViewModel
{
public string Name {get; set;}
public List<CustomerRepeatedModel> CustomersRepeatedValues{ get; set; } = new List<CustomerRepeatedModel>();
public class CustomerRepeatedModel {
// this should be added and removed with repeater
public string Email { get; set; }
}
}
The kendo grid
@(Html.Kendo().Grid<CustomerViewModel>
().Name("customerGrid")
.Sortable()
.Scrollable()
.ToolBar(c => {
c.Create().Text("Create Customer");
})
.Columns(columns =>
{
columns.Bound(c => c.Id).Title("Customer ID").Filterable(false).Visible(false);
columns.Bound(c => c.CustomerRepeatedValue).Visible(false);
columns.Bound(c => c.Name).Title("Customer Name");
columns.Command(column =>
{
column.Edit();
column.Destroy();
});
})
.Editable(c =>
{
c.TemplateName("_CustomerTemplate")
.Mode(GridEditMode.PopUp);
})
.DataSource(ds => ds.Ajax()
.Read(r => r.Url("/Customer/Index?handler=Read"))
.Update(u => u.Url("/Customer/Index?handler=Update"))
.Create(c => c.Url("/Customer/Index?handler=Create"))
.Destroy(d => d.Url("/Customer/Index?handler=Destroy"))
.Model(m =>
{
m.Id(model => model.Id);
m.Field(model => model.Id).Editable(false);
m.Field(model => model.Name);
m.Field(model => model.IsDeleted).Editable(false);
m.Field(model => model.CustomerRepeatedValues);
})
)
.Events(e => e.Edit("grid_edit")@*.Save("grid_save")*@)
The _CustomerTemplate
In the popup template i can't access to Model. It is always null. So as i found on the forum i populated the repeater in the edit event. But if it is posibble to access Model inside the template i would like to know how.
@model WebUI.Pages.CustomerViewModel
<div>
@Html.HiddenFor(model => model.Id)
<div>
<div class="col-4 mb-2">
@Html.LabelFor(model => model.Name)
</div>
<div class="col-8 mb-2">
@Html.TextBoxFor(model => model.Name)
</div>
<div class="repeater">
<div data-repeater-list="CustomerRepeatedValues">
<div class="col-4 mb-2">
Customer Emails
</div>
@*@for (var index = 0; index < Model.CustomerRepeatedValues.Count; index++)
{
<div data-repeater-item>
<input type="text" name="Email" value="@(Model.CustomersRepeatedValues[index].Email)"/>
<button data-repeater-delete type="button">
Remove
</button>
</div>
}*@
</div>
<div>
<button data-repeater-create type="button">
<i class="fa fa-plus"></i>
</button>
</div>
</div>
</div>
</div>
When i open the popup editor it shows the repeater, i can add or remove items. But when i click save it doesn't save it, it doesn't even go to save method. But if i change the name on the popup editor and click save it does go to save method but the changed emails are not bounded to model only the name is updated.
If there is better way to do this i would like to get your help
Hello,
I load content to a tabstrip dynamically via ContentUrl and Ajax.
Most of them have the same height (might differ slightly).
When I click a tab item the first time, the content is collapsed and expanded, which leads to flickering. After the content of a tab is loaded once, it is fine.
I tried to set a fixed height and switched off animation -> did not solve the problem.
Are there any workarounds to pre-initialise the height of unloaded contents with the height of the selected item and adjust them dynamically to the required height?
Any chance to avoid collapsing when loading the content dynamically?
Thanks,
Christine
I have been trying to get the instance of a radiogroup, using kendo.widgetInstance("#radiogroup"), but the call always returns null. Has anyone experienced this issue?
See the example below...
<ul data-role="group" id="radiogroup" name="radiogroupName" class="k-radio-list k-list-horizontal" role="radiogroup"></ul>
...
<script>kendo.syncReady(function(){jQuery("#radiogroup").kendoRadioGroup({items: {...}, value: "...", layout: "horizontal"});});</script>
<script>
...some other script activated by an event...
const widget = kendo.widgetInstance($("#radiogroup"));
...
</script>
I've been struggling with the Captcha audio not playing on my page. I think I've figured it out but would like to confirm if this is the correct method.
I had been using the AudioHandler method with a URL to the audio source. This results in the wav data getting passed to _playAudio which gets passed to "new Audio()". This does not seem to be correct based on the Audio constructor. The examples all use AudioHandlerFunction which returns a URL, so I expected the two similar methods to produce the same results.
Instead, AudioHandlerFunction directly configures the URL for the audio. AudioHandler configures a URL that is fetched that contains a URL to where the audio is. This seems counterintuitive as the AudioHandler adds the captcha ID to the URL request.
Could a helper method be added to link directly to the audio source? Something like:
Html.Kendo().Captcha()
.Name("captcha")
.CaptchaId((string)ViewData["CaptchaId"])
.Handler(handler => handler.Action("Reset", "Captcha"))
.ValidationHandler(handler => handler.Action("Validate", "Captcha"))
.CaptchaAudio(handler => handler.Action("Audio", "Captcha"))
This would bypass the need to have javascript to process the url:
function audioHandler(args) {
var url = '@Url.Action("Audio", "Captcha")';
args.success(url + "?captchaId=" + args.data.CaptchaId);
}
Instead of showing as much name as can fit into the field, my field shows an ellipsis. How can I get it to show as much as is possible instead of not even trying.
My template with an icon and the Text Name:
<script id="icon-template" type="text/x-kendo-template">
<div class='group-icon'
style='background-image: url(@Url.Content("#: ImageUrl #"));'></div>
<div class='group-name'
style='overflow: hidden; white-space: nowrap;'>#: Name #</div>
</script>
My column:
columns.Add().Field(e => e.Name).TemplateId("icon-template").Width(Glossary.Portal.ButtonWidthExtraWide);
Hello,
We are using custom grid popup forms for adding/updating records, and some fields have server validations, and are using the solution described here:
This works great for displaying the validation message, but the problem we are having is that using this method doesn't change the associated control's border to red ("k-invalid") like the automatic client-side validation does for invalid entries. (Screen shots attached to show difference)
Is there a known or relatively easy way to accomplish this? I realize that some controls, like dropdowns or date pickers, apply the k-invalid class to different html elements within the control, so this might be too tricky to solve.
At the end of the day, this is not a major issue, although it does add inconsistency and a small level of accessibility concern to the popup forms. Any suggestions are welcome and appreciated!
Thanks!
Tony