"Refresh" button location bug

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
3 years ago
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 years ago
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 years ago
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 years ago
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 years ago
Thanks for the info.
We are just thinking about how best to rearrange panels on the admin dashboard in the new version.
3 years ago
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 years ago
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.