This is a migrated thread and some comments may be shown as answers.

Grid pager not showing proper button style

4 Answers 51 Views
This is a migrated thread and some comments may be shown as answers.
dcadler
Top achievements
Rank 2
dcadler asked on 10 Mar 2020, 04:59 PM

The pager for my Blazor UI Grid has been working just fine for over a month but now it is missing the button box around the 1 when I view the first page. The second page has a box around it like a typical button. When I click on the 2 button to display page 2, the 2 button no longer has a box around it but the 1 button does. So it seems to be a css issue with the currently selected page.

 

<TelerikGrid Data="@GridData"
             TotalCount="@Total"
             Sortable="true"
             Pageable="true"
             PageSize="@PageSize"
             OnRead="@OnReadHandler">
    <GridToolBar>
        <TelerikButton OnClick="@(() => SelectAccount(null))" Icon="add">Add Account</TelerikButton>
    </GridToolBar>
    <GridColumns>
        <GridCommandColumn Width="200px" Resizable="false">
            <GridCommandButton OnClick="@((args)=> SelectAccount(args.Item as AccountModel))" Icon="edit">Edit</GridCommandButton>
            <GridCommandButton OnClick="@((args)=> ShowDeleteConfirmationDialog(args.Item as AccountModel))" Icon="delete">Delete</GridCommandButton>
        </GridCommandColumn>
        <GridColumn Field="@(nameof(Account.AccountName))" Title="Account Name" />
        <GridColumn Field="@(nameof(Account.AccountType))" Title="Account Type" />
        <GridColumn Field="@(nameof(Account.OwnerName))" Title="Account Owner" />
        <GridColumn Field="@(nameof(Account.Status))" Title="Status" />
    </GridColumns>
</TelerikGrid>

4 Answers, 1 is accepted

Sort by
0
dcadler
Top achievements
Rank 2
answered on 10 Mar 2020, 05:03 PM
I attached a png file showing the issue.
0
Svetoslav Dimitrov
Telerik team
answered on 11 Mar 2020, 03:05 PM

Hello David,

We haven't had other such reports and our demos seem to work fine for me: https://demos.telerik.com/blazor-ui/grid/paging. Do they look OK on your end? If yes, the most likely reason for this behavior is something specific on the project, and here are two things I can think of:

  • Could you confirm that there are no CSS rules that might conflict with the rendering of the component? For example, some global selectors for span or li elements. You could try removing parts of the site stylesheets to see if some of them are causing this problem. For example, remove all site-specific styles (leave only the Telerik theme) and if the issue is gone, then it is caused by something in those site-specific stylesheets.
  • In case you are using a custom Telerik Theme built with out Theme Builder, you can try re-generating it from our site by uploading the variables file (read more in the Import Custom Theme section)?

 

Regards,
Svetoslav Dimitrov
Progress Telerik

 UI for Blazor
0
Accepted
dcadler
Top achievements
Rank 2
answered on 13 Mar 2020, 02:57 PM

The issue was resolved by upgrading from Telerik Blazor UI 2.5.1 to v2.8.0

0
Svetoslav Dimitrov
Telerik team
answered on 16 Mar 2020, 10:43 AM

Hello David,

I am glad to hear that the update to 2.8.0 solved the problem for you!

Regards,
Svetoslav Dimitrov
Progress Telerik

 UI for Blazor
Tags
Grid
Asked by
dcadler
Top achievements
Rank 2
Answers by
dcadler
Top achievements
Rank 2
Svetoslav Dimitrov
Telerik team
Share this question
or