个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
vaadin 7 的采样器演示由用户单击汉堡按钮时弹出的菜单驱动。
虽然采样器演示有一些示例源代码，但它不提供演示本身的源代码。我正在尝试找出如何重新创建该菜单。有什么想法吗？
最佳答案
我认为仅使用 CSS 并更改按钮单击时的某些类属性即可完成。这是一个非常简单的示例:
<html>
<head>
<style type=text/css>
.box {
position: absolute;
width: 400px;
height: 60%;
background-color: green;
right: -200px;
-ms-transition: all 1s ease;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.box_t {top: 0}
.box_b {top: 40%}
.box2_t {
-ms-transform: rotateY(-90deg) skewY(-20deg);
-webkit-transform: rotateY(-90deg) skewY(-20deg);
transform: rotateY(-90deg) skewY(-20deg);
}
.box2_b {
-ms-transform: rotateY(-90deg) skewY(20deg);
-webkit-transform: rotateY(-90deg) skewY(20deg);
transform: rotateY(-90deg) skewY(20deg);
}
</style>
<script type=text/javascript>
function changeClass() {
document.getElementById("ka_t").className = "box box_t box2_t";
document.getElementById("ka_b").className = "box box_b box2_b";
}
window.onload = function() {
document.getElementById("button").addEventListener('click', changeClass);
}
</script>
</head>
<body style="height: 100%">
<button id=button>Close</button>
<div id=ka_t class="box box_t"></div>
<div id=ka_b class="box box_b"></div>
</body>
</html>
关于vaadin - Vaadin 7 采样器的菜单是如何完成的？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26305524/
24
4
0
我有一个示例应用程序，包含以下三个步骤 输入用户详细信息 -> 个人详细信息 -> 完成 当我点击一个链接时，它会调用我的 vaadin 应用程序。问题是一旦我的三步过程完成，当我再次尝试点击我的 v
我希望框架捕获每个未捕获的异常并显示适当的通知消息。 因此我在我的 UI 中设置了一个自定义的 ErrorHandler(灵感来自“Book of Vaadin”:https://vaadin.com
我在 Vaadin 有一张 table 。一列是 String 类型，因此其大小是可变的。因此，我想让列的宽度固定(具有扩展比率)，但每行的高度应该是可变的(根据其内容 - 字符串)。 即，这是预期的
有谁知道用于 vaadin 框架的数据可视化(图表、饼图等)的任何 UI 组件库？ 最佳答案 我建议 dChart: https://vaadin.com/directory#!addon/dchar
我在 Grid 中使用 BeanItemContainer 来显示我的数据。我需要根据单元格中的数据分别为每个单元格着色。 最佳答案 section about the Grid在 Vaadin 的书
在我的一个应用程序中，我创建了一个页脚: public Footer(){ hl.setHeight("120px"); hl.setWidth("100%");
是否有任何特定方法可以在 Vaadin 表中实现分页/延迟加载。 我试图找到一些文档，但我找不到。 最佳答案 使用Viritin add-on及其 MTable 组件。 I 是最有效的(服务器资源副)
我正在尝试使用 Vaadin Charts 创建饼图。 这段代码为图表添加了漂亮的标签，但小数点 t 后两位数字就足够了。 dataLabels.setFormatter("''+ this.poi
我是 vaadin 框架的新手，一切正常，直到......表头没有正确显示，......我正在开发一个在 exoplatform 上运行的 portlet，我正在使用 vaadin 6，我的表只显示第
我有一个带有基于复杂查询填充数据的表的页面(即使我使用分页也需要很多时间)。我使用 BeanItemcontainer 将数据加载到表中。现在遇到问题，我希望以异步方式将数据加载到表中(在用户屏幕上加
我有一个现有的应用程序(在 WebGuiToolkit.org 中编写)，我正在尝试在其中嵌入一个 Vaadin 14 页面。 我看过几个 Vaadin 8 指南，比如 https://vaadin.
更改pom.xml文件的vaadin版本号和vaadin插件版本号后构建失败 7.4.5 7.4.5 然后我尝试清理并重建项目，但显示构建失败: Copying 3 resources --- va
我想通过更改文件列表中元素的外观来设置 Vaadin Upload 组件 (vaadin-upload) 的样式，例如隐藏命令按钮(开始、删除、重试)。文件列表包含 vaadin-upload-fil
如何向文本字段、选项卡、链接、标签等添加悬停文本(即当我将鼠标悬停在组件上时出现的包含一些解释或详细信息的文本框) 我用谷歌搜索并浏览了“Book of Vaadin”和“Building Moder
this.grid.asSingleSelect().addValueChangeListener(event -> { if (!Objects.isNull(event.getVa
在 Vaadin 中，一旦您有了 TabSheet，并且已经打开了一些选项卡，您就不会希望多次打开包含相同内容的同一个 Tab。 如何检查选项卡是否已打开并将其设置为选定的选项卡？ 最佳答案 默认情况
我已经使用 vaadin 创建了表格。现在我想为该表格中的特定列内容设置字体大小。是否可以为该表格中的特定列设置字体大小？。 如果是这样，请给我设置字体大小的想法。如果你能提供我一些代码片段。 最佳答
是否可以在 vaadin 中以百分比设置表格的列宽。如果可以，请告诉我如何使用示例代码片段来做到这一点。提前谢谢。 最佳答案 是的。为此使用 Table.setColumnExpandRatio(co
我正在开发 Vaadin 8 UI。目前，每次修改 UI 时，我都必须重新启动我的应用程序。 有没有更好的办法？我曾尝试附加 Java 调试器并使用 IntelliJ 的 Reload Changed
序言:我是Vaadin的高级开发人员(我用过6、7，现在我的所有项目都已迁移到Vaadin 8)。 我开始学习Vaadin 10/Flow，但发现自己在一些热水中。 我实际上在挣扎的是“项目”本身。
我是一名优秀的程序员,十分优秀！