首页 > 解决方案 > 网格底部的 PagerSetting 显示不正确

问题描述

有没有办法修复 PagerSettings 在网格底部显示时的垂直布局?

更新:我正在构建 19.110.0013

我正在尝试使用将页码添加到 Process Shipments grid 的底部一文中描述的 PagerSettings 标记将数字添加到网格的底部。当我将 PagerVisible 设置为底部时,数字显示为垂直,但如果我将 PagerVisible 设置为顶部,则数字正确显示为水平。

    <ActionBar PagerVisible="Bottom" DefaultAction="cmdItemDetails">
        <PagerSettings Mode="Numeric" LinksCount="5" />
    </ActionBar>

寻呼机可见顶部 寻呼机可见底部

标签: acumatica

解决方案


我无法在 Acumatica 版本 19.106.0020 中重现该行为,因此我手动调整了 CSS 以重现该故障。

在 GridPagerLink CSS 类上设置 'display: block' CSS 属性会重现相同的渲染。

在此处输入图像描述

在文件 '\App_Themes\Default\00_Controls.css' 中,它被设置为 'display: inline-block;'。内联选项将使它们水平堆叠,所以我没有这个故障。

您正在运行哪个确切的 Acumatica 版本?

使用浏览器 HTML 检查元素功能检查 GridPagerLink。

它看起来像下面的默认样式吗?

.GridPagerLink {
  display: inline-block;
  color: RGBA(0, 0, 0, 0.87);
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 10px;
  height: 18px;
  border: solid 1px transparent;
}

推荐阅读