"Refresh" button location bug

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
3 yıl önce
In admin page, the "refresh" icon button of "Incomplete orders" section always locates in a wrong place, making the layout pretty weird.  Sry I cannot upload the snapshot here to prove that.
I'm wondering if this is just my issue, or a existing bug.
3 yıl önce
ericruibovan wrote:
In admin page, the "refresh" icon button of "Incomplete orders" section always locates in a wrong place, making the layout pretty weird.  

Do you mean Pending orders on the Order list page ?

ericruibovan wrote:
Sry I cannot upload the snapshot here to prove that.

In the forum you can include a hyperlink to an image posted on you website or stored in a share
3 yıl önce
I believe they're referring to the "Incomplete orders" datatable report in the Dashboard.  I see it too between ~1150-1350px browser width, the "refresh" button gets kicked off to the left outside the table border.

It would probably fix itself by adjusting the div class widths for those reports in Nop.Web\Areas\Admin\Views\Home\Index.cshtml to col-md-7 on the left and col-md-5 on the right (instead of col-md-8 / col-md-4), otherwise it will take CSS tweaks.
3 yıl önce
confirming that these changes fix it, at least with my order totals and English language resources:

Nop.Web\Areas\Admin\Views\Home\Index.cshtml

                <div class="row">
                    <div class="col-md-7">
                        @await Html.PartialAsync("_OrderAverageReport")
                    </div>
                    <div class="col-md-5">
                        @await Html.PartialAsync("_OrderIncompleteReport")
                    </div>
                </div>
            }
            @await Component.InvokeAsync("AdminWidget", new { widgetZone = AdminWidgetZones.DashboardOrderreportsAfter })
            @if (!Model.IsLoggedInAsVendor && (canManageOrders || canManageProducts))
            {
                <div class="row">
                    @if (canManageOrders)
                    {
                        <div class="col-md-7">
                            @await Html.PartialAsync("_LatestOrders")
                        </div>
                    }
                    <div class="col-md-5">
                        @if (canManageProducts)
                        {
                            @await Html.PartialAsync("_PopularSearchTermsReport", Model.PopularSearchTerms)
                        }
                    </div>
                </div>
3 yıl önce
Thanks for the info.
We are just thinking about how best to rearrange panels on the admin dashboard in the new version.
3 yıl önce
Yidna wrote:
In admin page, the "refresh" icon button of "Incomplete orders" section always locates in a wrong place, making the layout pretty weird.  
Do you mean Pending orders on the Order list page ?

Sry I cannot upload the snapshot here to prove that.
In the forum you can include a hyperlink to an image posted on you website or stored in a share


Thank you for the help. :D
3 yıl önce
af1racing wrote:
confirming that these changes fix it, at least with my order totals and English language resources:

Nop.Web\Areas\Admin\Views\Home\Index.cshtml

                <div class="row">
                    <div class="col-md-7">
                        @await Html.PartialAsync("_OrderAverageReport")
                    </div>
                    <div class="col-md-5">
                        @await Html.PartialAsync("_OrderIncompleteReport")
                    </div>
                </div>
            }
            @await Component.InvokeAsync("AdminWidget", new { widgetZone = AdminWidgetZones.DashboardOrderreportsAfter })
            @if (!Model.IsLoggedInAsVendor && (canManageOrders || canManageProducts))
            {
                <div class="row">
                    @if (canManageOrders)
                    {
                        <div class="col-md-7">
                            @await Html.PartialAsync("_LatestOrders")
                        </div>
                    }
                    <div class="col-md-5">
                        @if (canManageProducts)
                        {
                            @await Html.PartialAsync("_PopularSearchTermsReport", Model.PopularSearchTerms)
                        }
                    </div>
                </div>


It works. 👍
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.