"Refresh" button location bug

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