Questions on UI for Blazor Forum

9 answers

927 views

I've used the Elastic Design example to change the font size of the grid, however, font size for Incell Editing appears to revert to standard size. I'm assuming there are some further style settings that can be set to get Incell Editing to match the Grid Font size?

Grid

answered on 15 Apr 2021

1 answer

761 views

Context Menu not closing on item click

I have a context menu being opened by right clicking on a row in my grid.

One of the sections is "Delete Item" which when clicked on shows a Dialog Confirm window.

The problem I am having is the Confirm window is showing, but the context menu does not close (go away) so both items show on the screen (and sometimes overlap).

Is there a way I can manually close the context window when an items is clicked on?

ContextMenu

answered on 15 Apr 2021

2 answers

1.0K+ views

Icon on Right of Text

Is there any way to make the icon appear to right of the text instead of the left?

I have tried messing with css to get this work, but as of now, have not had much luck.

Would be nice if there was an IconPosition Setting on the button.

Button

answered on 14 Apr 2021

1 answer

543 views

How to pass model to popup screen

Hi,

I have to bind dropdown list in popup from Telerik grid when you click on edit. Now i wanted to get the selected value from grid.

Please help me out on this issue.

Thank you.

General Discussions

answered on 14 Apr 2021

3 answers

1.3K+ views

Grid fixed width

Is there a way to make the TelerikGrid not Width 100% as on mobile devices it looks very small, I would like it to be scrollable and show the entire header texts

Grid

answered on 14 Apr 2021

1 answer

368 views

Create Entity and Upload a file at the same time

I have just started with Telerik UI for Blazor, using the CoffeHouse demo app.

There is an example using the grid for creating a product and on an existing product upload a document.

I would like to create the product and also upload a file when adding a new product.

The code should first create the product, then upload the filestream.

I have a data structure where a user can have many documents. There is a table for the user, the document metadata and a table for the BLOB data.

I have the CRUD working but unable to find a good way to use the grid pop-up together with the upload component

Upload

answered on 14 Apr 2021

9 answers

532 views

[Solved] Syncing initial calendar view to min date

Is it possible to sync the initial calendar view to min date? I've set min to DateTime.Now.AddDays(30) but when I click the calendar it defaults to showing the month of April, with April 7th highlighted. This confuses the user as they try clicking various dates in April.

DatePicker

answered on 13 Apr 2021

2 answers

1.1K+ views

Open Dialog from Modal Window

I am opening the dialog from a modal window is there a way to have the dialog disable/turn grey the modal window as well as the page. With the way it works now you can keep entering data on the modal window.

Dialog

answered on 13 Apr 2021

1 answer

430 views

Checkboxes pain

Hi. For the life of me, I can't figure out how to programmatically check checkboxes on a treeview loaded with hiearchical data.

I've even tried setting the CheckedItems = StoreageItems, using your example. I must be missing some magic sauce. The treeview comes up just fine. I just can't precheck items.

Help!!!!

<TelerikTreeView Data="@tvData" CheckBoxMode="TreeViewCheckBoxMode.Multiple"

@bind-CheckedItems="@CheckedItems"

CheckParents="true" CheckChildren="true" OnExpand="@OnExpand">

<TreeViewBindings>

<TreeViewBinding IdField="CategoryId" ParentIdField="ParentItemId" ItemsField="Items"

HasChildrenField="HasChildren"

TextField="CategoryName" IconField="Icon">

</TreeViewBinding>

<TreeViewBinding Level="1" TextField="CategoryName" />

</TreeViewBindings>

</TelerikTreeView>

public IEnumerable<object> CheckedItems { get; set; }

public TreeViewCheckBoxMode CheckBoxMode { get; set; } = TreeViewCheckBoxMode.Multiple;

public void LoadtvRootData()

{

List<CategoryItem> lst = new List<CategoryItem>();

// data requested and received for a certain node

var q = from a in db.Categories

where a.IsActive == true && a.SubscriberId == appData.AppUser.Id && a.ParentCategoryId == null

orderby a.CategoryName

select a;

var lst1 = q.ToList();

foreach(var item in lst1)

{

CategoryItem ci = new CategoryItem(item);

var q1 = from a in db.Categories

where a.ParentCategoryId == item.Id

select new CategoryItem(a)

{

Category = a,

HasChildren = ATDBContext.udfCategoryHasChildren(a.Id),

};

ci.Items = q1.ToList();

ci.HasChildren = ci.Items.Count > 0;

ci.Category = item;

lst.Add(ci);

}

tvData = new List<CategoryItem>(lst);

CheckedItems = tvData;

}

TreeView

answered on 13 Apr 2021

1 answer

440 views

[Solved] ComboBox; MultiSelect

Basically anything with a drop down container does not show on Telerik Window. This is nothing fancy and really is weird. If I type something into the combo-box the drop down filtering does not show, but if I press the arrow it shows the data. On Multiselect there is nothing available to click like an arrow so the container never comes to the forefront. I test on a non windowed view and both perform correctly.

Window

answered on 13 Apr 2021