tabs 相关问题

一种用户界面模式,允许在内容的上方,下方或侧面显示带有导航参考的多个页面或元素。单击导航参考时,一个元素可见,而其他元素则关闭。通常,导航参考以指示其当前可见的方式进行颜色编码。

在mudblazor中选择图标时如何将自定义选项卡面板中图标的背景颜色从透明更改为灰色?

我创建了一个泥浆自定义选项卡面板,其中包含三个图标,背景颜色是透明的,如果我选择任何一个图标,即使鼠标移出,图标背景也应更改为灰色。 <

回答 1 投票 0

VFP 多行标题选项卡

我正在使用 VFP 9.0 中的页面框架控件和一堆选项卡。我试图在每个选项卡中实现多行标题,如以下屏幕所示,但我不知道该怎么做。 我尝试过这些,...

回答 1 投票 0

Angular - 带下拉菜单的响应式选项卡

我目前有以下代码(下面的示例),我根据可用宽度将选项卡隐藏并移动到下拉菜单中。到目前为止,一切都很顺利。然而现在,...

回答 1 投票 0

为什么当各自的内容面板超过 32 个字符时,选项卡标签宽度开始变窄?

我正在使用daisyUI的单选选项卡抬起+选项卡内容。代码与演示相同,除了我只使用 2 个选项卡并向其中填充内容: 我正在使用 daisyUI 的 radio 选项卡抬起 + 选项卡内容。代码与演示相同,除了我只使用 2 个选项卡并向其中填充内容: <div role="tablist" class="tabs tabs-lifted"> <input type="radio" name="my_tabs_2" role="tab" class="tab" aria-label="Tab 1 is very long" /> <div role="tabpanel" class="tab-content bg-base-100 border-base-300 rounded-box p-6"></div> <input type="radio" name="my_tabs_2" role="tab" class="tab" aria-label="Tab 2 is very very long" checked /> <div role="tabpanel" class="tab-content bg-base-100 border-base-300 rounded-box p-6"> 1111 2222 3333 4444 5555 6666 77 </div> </div> (顺风游乐场) 在 32 个字符时,选项卡标签宽度的行为符合预期:它们填充了所有水平空间: 从32开始,他们有点压扁了: 每个添加字符都会进一步压缩宽度。它达到了 53 个字符的最小值: 如果我们再次开始,但这次我们不使用空格,那么在开始挤压之前最大长度为 7: 当字符长度用完可用的水平空间时,宽度达到最小值: 挤压仅在其各自的选项卡上生效。另一颗完好无损。 为什么会出现这种情况?我该如何预防这种情况? 您可以通过将选项卡面板的 grid-column 设置为您拥有的选项卡数量来防止这种情况: <script src="https://cdn.tailwindcss.com/3.4.1"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/daisyui/4.6.1/full.css" integrity="sha512-XpYSkIPzmQpbWTGbLUWq0HyRQ5n9RZFeH8TrfqIykNiE8OXQLn207Am0aU4nVplNE8vvJ1qCY6JvD9weUAyosQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <div class="w-[274px]"> <div role="tablist" class="tabs tabs-lifted"> <input type="radio" name="my_tabs_2" role="tab" class="tab" aria-label="Tab 1 is very long" /> <div role="tabpanel" class="tab-content bg-base-100 border-base-300 rounded-box p-6"></div> <input type="radio" name="my_tabs_2" role="tab" class="tab" aria-label="Tab 2 is very very long" checked /> <div role="tabpanel" class="tab-content bg-base-100 border-base-300 rounded-box p-6 !col-span-2"> 11112222333344445555666677 </div> </div> </div> 至于为什么会发生,.tab-content有: grid-column-start: 1; grid-column-end: span 9999; 在 274px 的小宽度下,.tab-content 的内容变得很重要,并影响 .tab-content 跨越的其他 9997 个网格列轨道的宽度,从而缩小选项卡标签所在的网格列轨道。

回答 1 投票 0

PyQt4 关闭请求关闭的选项卡

我找不到关闭请求关闭的选项卡的方法。我只找到了如何关闭当前小部件和当前选项卡。有任何想法吗?我在互联网上找不到线索。 self.tabs.tabCloseRequested.co...

回答 2 投票 0

Ant Design 选项卡:隐藏更多元素

我需要左侧选项卡,其中包含两个带有组件选项卡的项目(ant.design)。 该组件向我显示了“更多元素”,但我现在不知道如何隐藏它。 我的代码: ... 常量选项卡项 = [ {标签:'选项卡 1',k...

回答 2 投票 0

选项卡控件上闪烁 - WIN32

我有一个WIN32应用程序。它的主窗口是 hwndMain,它的子窗口之一是 hwndView。 hwndView上有一个选项卡控件hwndTab。 当我调整 hwndMain 大小时,hwndView 也会调整大小,hwndTab 也会调整大小。它

回答 2 投票 0

选中的选项卡不显示关联内容(CSS 和 HTML)

我无法配置以下选项卡布局,以便在检查每个选项卡时显示相关内容。我一直在尝试不同的方法,但到目前为止还没有奏效。任何想法...

回答 1 投票 0

以编程方式更改选项卡并监听flutter中的选项卡更改事件

我正在尝试通过单击按钮以编程方式更改选项卡 因此,当我运行代码时,一切正常,我单击 fab 按钮,选项卡会正确更改,您可以看到索引号...

回答 1 投票 0

Eclipse 用制表符而不是空格缩进新行

我已遵循此处的所有建议。 当我按回车键时,我会得到一个用制表符而不是空格缩进的新行。 如果我退格以清除选项卡,然后按 TAB 多次,...

回答 2 投票 0

角度材质选项卡组灰色下划线

v15 v14 从图中可以看到,在 Angular v15 之后,选项卡组的灰色下划线消失了。 有什么办法可以让 v15 恢复灰线吗?我调查了属性,但似乎......

回答 1 投票 0

如何在VBA中通过SendKeys方法按Ctrl加w键三下?

以下代码按TAB键三下。下面的代码就ok了。 SendKeys“{TAB 3}”,True 如何按 Ctrl 加 w 键 3 次? 我已经尝试过以下代码,但它......

回答 1 投票 0

关闭 WIndows 窗体中间选项卡会影响最后一个选项卡并且不会重新创建控件

我有这个应用程序,我可以使用按钮和网格等各种控件打开同类选项卡。假设我有 4 个选项卡,如果我关闭最后一个选项卡,一切都会好起来,焦点就会转移......

回答 1 投票 0

React MUI Tab 组件导致重新渲染并删除子状态

我们正在尝试使用 React MUI 设计一个选项卡页面。我们希望每个选项卡中都有一个子组件。当我们将这些子组件添加到没有Tab的单个页面中时,没有问题,但是wh...

回答 3 投票 0

Jetpack Compose 减少选项卡的内部填充

我想减少单个选项卡的填充。下图显示了我想要的: 我得到什么: 我目前正在使用“伴奏寻呼机”和“伴奏寻呼指示器”...

回答 4 投票 0

如何在选择父选项卡时在子选项卡上添加活动类?

首先,“外部选项卡 1”和“外部选项卡 2”位于“主选项卡 1”下,“外部选项卡 3”和“外部选项卡 4”位于“主选项卡 2”下。 有

回答 1 投票 0

有什么方法可以让Postman默认在新选项卡中打开保存的请求

我从 Postman 文档中知道,我可以通过在单击保存的请求之前创建一个新选项卡或使用键盘快捷键在新选项卡中打开保存的请求,但我希望有一种方法可以

回答 4 投票 0

android 在设备旋转时保持标签状态

我正在构建具有片段的 Android 应用程序,并且该应用程序使用 MVVM 设计模式。 每个片段代表一个足球联赛标题和图标 这些选项卡根据 API 调用动态添加。

回答 1 投票 0

Google 表格:插入单元格变量以确定选项卡名称

我希望让我的 Google 工作表拉入一个随机选项卡来填充其字段。我有一个 =RANDBETWEEN 给我一个数字,我希望有类似的东西: =FILTER('故事 1'!2:2,'故事 1'!2:...

回答 1 投票 0

如何为jodit编辑器添加Tab键逻辑?

如何为jodit编辑器文本区域添加Tab键逻辑?按键时没有缩进。 我尝试了不同的解决方案,例如缩进选项和处理按键事件,但它不正确。我...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.