gpt4 book ai didi

css - TabPanel : no vertical scrollbar 中的 gwt ScrollPanel

转载 作者:行者123 更新时间:2023-11-28 09:09:39 26 4
gpt4 key购买 nike

编辑

我通过调整 VerticalPanel 中组件的大小修复了空白行为,这似乎对面板的尺寸产生了影响,但控制台不知何故错过了。我不太明白。

但是,我仍然没有看到任何显示垂直滚动条的面板。

在 GWT 元素中,我有以下结构:

页面

DockLayoutPanel
North (header)
Center (body)
South (footer)
/DockLayoutPanel

正文

SplitLayoutPanel$1
West
SplitLayoutPanel$2
North
Center
TabPanel
ScrollPanel
VerticalPanel
-Several widgets-
/VerticalPanel
/ScrollPanel
/TabPanel
/Center
/SplitLayoutPanel$2
/West
Center
/SplitLayoutPanel$1

我的问题是 TabPanel 中的 ScrollPanel,它本身包含一个包含多个小部件的 VerticalPanelTabPanel 中的每个 Tab 都是如此。

我的问题是,虽然 SplitLayoutPanel$2 中心的所有容器的宽度都是 100%,但 ScrollPanel 包含一个带有相当大的白色区域的水平滚动条紧挨着它的是 VerticalPanel,而它们的绝对指标大小相同。

说明情况

overview of the TabPanel

这是 TabPanel,带有 ScrollPanelVerticalPanel。注意水平滚动条是如何存在的,而 TabPanelScrollPanelVerticalPanel 具有相同的宽度。向右滚动会产生一个白色区域。

Scroll- and Vertical panel details

ScrollPanelVerticalPanel 的绝对宽度均为 598px。 DockLayoutPanel 的 West 组件大小为 600,因此匹配。还要注意调出开发者控制台是如何使滚动条消失的。事实上,整个面板已经消失在它后面,并且没有弹出垂直滚动条。

Scrolled

当向右滚动条时,VerticalPanel 部分离开屏幕,ScrollPanel 显示此空白。显然,我不希望那里有空格,所以根本不需要滚动条。这种情况下的所有面板仍然具有相同的宽度:598px。调整 SplitLayoutPanel 的大小,使用右边的边框,增加这些值(很明显),但面板仍然共享相同的宽度,空白保持相同的大小,而我希望它变得更宽也是。

第二个选项卡包含大量文本,这些文本继续显示在屏幕之外,但没有出现滚动条。

问题总结

  • 没有垂直滚动条
  • 带有一些神奇召唤的空白的水平滚动条
  • 组件声称具有相同的宽度

非常感谢任何帮助。

编辑

已尝试将 VerticalPanel 调整为 90 或 80% 宽度。空白似乎不受影响,它表明 100% 确实覆盖了可见宽度,而不是更多。

最佳答案

TabPanel(至少是来自 GWT 的那个)从内到外调整大小:它的大小根据所选选项卡的大小而变化。所以你的 ScrollPanel 永远不会有垂直滚动条,除非你明确地给它一个大小,你的内容实际上溢出 SplitLayoutPanellayer 你将 TabPanel 放入。

布局面板,例如 TabLayoutPanel,另一方面,从外向内调整大小:SplitLayoutPanel 将设置 TabLayoutPanel 的大小> 在其中心区域,TabLayoutPanel 将依次设置 ​​ScrollPanel 的大小,因此如果 ScrollPanel 的内容溢出,一个出现垂直滚动条。

关于css - TabPanel : no vertical scrollbar 中的 gwt ScrollPanel,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15200138/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com