I've noticed I cannot just use straight bootstrap with telerik components and I have noticed that the majority of demos/samples use styling/placement such as k-textbox, k-col-start-6 and much more. I have no idea what these are doing or how they are used.
I've used bootstrap because there is excellent support for flex and the concepts are not overly difficult.
Is there any similar documentation for all the k- classes?
Trying to do a simple two-column layout. each column has multiple field groups on a single row.
Pseudo-code
form-row
col-md-6
form-group col-md-6
Label
TelerikTextBox
form-group col-md-2
Label
TelerikTextBox
form-group col-md3
Label
TelerikTextBox
col-md-6
form-group col-md-6
Label
TelerikTextBox
form-group col-md-2
Label
TelerikTextBox
form-group col-md3
Label
TelerikTextBox
Ok, I got one step closer. Use fieldset instead of trying to use grid system solely:
<div class="form-row">
<div class="col-md-6">
<fieldset id="LeftColumn" name="LeftColumn">
<legend></legend>
<div class="form-group">
<label></label>
<input/>
</div>
<div class="form-row">
<div class="col-md-8">
<label</label>
<input />
</div>
<div class="col-md-2">
<label></label>
<input />
</div>
<div class="col-md-2">
<label></label>
<input />
</div>
</div>
</fieldset>
<fieldset id="RightColumn" name="RightColumn">
<legend></legend>
<div class="form-group">
<label></label>
<input/>
</div>
<div class="form-row">
<div class="col-md-8">
<label</label>
<input />
</div>
<div class="col-md-2">
<label></label>
<input />
</div>
<div class="col-md-2">
<label></label>
<input />
</div>
</div>
</fieldset>
</div>
</div>
However, fieldset does NOT have the customary border around it. So, we're back to trying to figuring out your CSS classes again. because there is no documentation.
Hi,
I am trying to publish a blazor WASM hosted app in Release and while building is gives below exception:
nuget\packages\microsoft.aspnetcore.components.webassembly.build\3.2.1\targets\Blazor.MonoRuntime.targets(326,5): error : Unhandled exception. Mono.Linker.LoadException: Error while processing references of 'Telerik.Blazor, Version=2.24.0.0, Culture=neutral, PublicKeyToken=20b4b0547069c4f8' 62> ---> Mono.Cecil.AssemblyResolutionException: Failed to resolve assembly: 'Telerik.Documents.Spreadsheet, Version=2021.2.507.20, Culture=neutral, PublicKeyToken=5803cfa389c90ce7' 62> ---> Mono.Cecil.AssemblyResolutionException: Failed to resolve assembly: 'Telerik.Documents.Spreadsheet, Version=2021.2.507.20, Culture=neutral, PublicKeyToken=5803cfa389c90ce7' 62> at Mono.Cecil.BaseAssemblyResolver.Resolve(AssemblyNameReference name, ReaderParameters parameters) 62> at Mono.Linker.AssemblyResolver.Resolve(AssemblyNameReference name, ReaderParameters parameters) 62> at Mono.Linker.LinkContext.Resolve(IMetadataScope scope) 62> at Mono.Linker.LinkContext.Resolve(IMetadataScope scope) 62> at Mono.Linker.LinkContext.ResolveReferences(AssemblyDefinition assembly) 62> at Mono.Linker.Steps.LoadReferencesStep.ProcessReferences(AssemblyDefinition assembly) 62> at Mono.Linker.Steps.LoadReferencesStep.ProcessReferences(AssemblyDefinition assembly) 62> --- End of inner exception stack trace --- 62> at Mono.Linker.Steps.LoadReferencesStep.ProcessReferences(AssemblyDefinition assembly) 62> at Mono.Linker.Steps.LoadReferencesStep.ProcessAssembly(AssemblyDefinition assembly) 62> at Mono.Linker.Steps.BaseStep.Process(LinkContext context) 62> at Mono.Linker.Pipeline.ProcessStep(LinkContext context, IStep step) 62> at Mono.Linker.Pipeline.Process(LinkContext context) 62> at Mono.Linker.Driver.Run(ILogger customLogger) 62> at Mono.Linker.Driver.Execute(String[] args, ILogger customLogger) 62> at Mono.Linker.Driver.Main(String[] args)
Is the Telerik blazor package not compatible in some way with ILLinker?
I have a grid. I am using a custom form to display details and edit the details.
I am using this ...
<LienholderDetails @bind-SelectedRecord="@selectedRecord" mode="@mode" OnSave="@Save" OnClear="@ClearSelection"></LienholderDetails>
in the parent component after the grid. @mode is add, view, edit, etc. And I use textboxes in the child component ...<TelerikTextBox @bind-Value="@SelectedRecord.Name" Label="Company Name" Enabled="@enabled" />which are enabled or not depending on the mode passed as a parameter. If a user is authorized to edit the details and clicks "Edit" I wanted to either call the child component with enabled=true or set the @enabled value to true in code. This avoids having two identical layouts, one enabled and one not.
How would I go about this? Obviously I would do this for other control types as well.
I am using a Grid and Popup for the EditMode. I wanted to use a custom form for the popup to add/edit or View the line item details. So far, I have a command column, command buttons.
The form I have is somewhat large so I am using a TabStrip to break the form into "sections". Also I do not use a strict column layout. Is this something that can be done?
As an alternative, I can navigate away for a detail page. But I'd like to return to the same spot when I close the detail page.
I would think I'm not the first one with a requirement like this.
Thanks,
John
Hello,
I want to use your TelerikEditor in my existing project. Our project primarily uses DevExpress along with a few other components like Blazored Modal.
First I want to know if there are any known issues mixing Devexpress and Telerik in the same project? My main concern is having CSS clashes between the two libraries.
2nd, we use Blazored Modal which has a cascading parameter (CascadingBlazoredModal) that wraps the router. When I try to show the TelerikEditor in a modal I get the following:
"A Telerik component on the requested view requires a TelerikRootComponent to be added to the root of the MainLayout component of the app. Read more at: https://docs.telerik.com/blazor-ui/getting-started/what-you-need#project-configuration"
I suspect this is because dialog is parented outside of the MainLayout which uses the TelerikLayout. Is it technically feasible to use the TelerikLayout inside a view?
Thanks,
Matt B.
I have a form that I would like to use the Window component on to gather additional information before submitting the parent form.
Is there a way to trigger submit of the parent form and the associated Validations from the Window component? Or is there a different component that should be used?
I'm trying out Telerik for Blazor. Got the latest BlazingCoffee code from Github and a trial license but when I build I get the following error.
File to import not found or unreadable: ./node_modules/@progress/kendo-theme-default/dist/all.scss
I am stumped on what to do to resolve this.
Thanks.
I understand from here: https://docs.telerik.com/blazor-ui/components/grid/templates/editor
That the Editor Template gets a copy of the original model.
However not all the values are getting copied correctly for my model object.
I'm using a SmartEnum property, https://github.com/ardalis/SmartEnum, and that property is not getting copied correctly, basically, it's empty.
I'm wondering how this "copy" is being made, cloned?, so I can update either the model of my SmartEnum instance.
Thanks,
Ed
