问题标签 [gwt-material-design]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
3334 浏览

css - 像谷歌这样的材料设计精简版中的搜索框

我正在使用 Material Design lite 创建导航栏。我想创建如下图所示的导航栏。

材料设计的形象

我,尝试了一些代码,它有点好。但不如图片中的那么好。

可以请有人帮我创建导航栏,如使用谷歌材料设计的图像

我的代码生成了如下所示的导航栏

我创建的图像

0 投票
1 回答
792 浏览

css - Material Design Lite 菜单在卡片设计中不起作用

我正在使用材料设计精简版从教程中创建一个菜单 - https://getmdl.io/components/

这是代码

单击共享按钮时,菜单未创建这里是设计的图像

分享菜单

0 投票
1 回答
2684 浏览

css - 材料设计精简版中的左、中和右对齐

我正在使用材料设计精简版并尝试将内容对齐左/右/中心。但是无法执行它。这是代码

我尝试了 center-text , mdl-typography--text-center 类,但设计并不完美这里是屏幕截图

中心格

拉左和拉右工作但中心不工作。我怎样才能做到这一点?

0 投票
1 回答
127 浏览

gwt - GWT 2.7 和 GWT Material Design 1.5.3 DatePicker

使用 MaterialButton,我试图在屏幕上显示日历窗格。我有这样的代码:

我试图使用焦点事件,单击事件,但没有任何效果。使用纯 JavaScript (jQuery) 获取元素并调用obj.click()/obj.focus()也没有结果。此控件的 API 甚至不包含方法show()或类似的东西(不在我当前使用的版本中)。

0 投票
2 回答
292 浏览

jquery - 使用 Material Design lite 创建星级评定

如何使用 Material Design lite 创建具有功能的星级设计。我想设计如下图

星级评定

谁能告诉我如何在 MDL 中创建评级设计

0 投票
2 回答
72 浏览

gwt-material-design - MaterialHeader paddingLeft 不能设置

我希望我的 MaterialHeader 和 MaterialNavBar 布局到页面的左侧。设置 paddlingLeft(0) 什么都不做。无论 paddingLeft 设置为什么,GWT Material Design 都会将 paddingLeft 设置为侧边 Nav 的宽度。我试图让导航栏从左向右延伸,SideNav 在导航栏下方。

运行此代码时,导航栏始终向右移动 280 像素。并且 Header html 元素的 padding-left 值为 280 而不是零。

检查 html 会显示带有 padding-left = 280px 的标题。这与我设置 Side Nav 的宽度相同。

难道我做错了什么?谢谢

0 投票
1 回答
233 浏览

gwt - GWT Material Design - 如何在移动设备上禁用更改数据网格布局?

我使用 GWT Material Design 1.6.2 版。我的数据网格布局看起来不错,我想在移动设备上保留该布局。所以我不想在我的应用程序中看到类似的东西。

在此处输入图像描述

任何想法如何做到这一点?谢谢。

0 投票
0 回答
52 浏览

gwt - 如何直观地标记“强制”表单输入小部件?

(在视觉上)将 GwtMaterialDesign 小部件(在表单中)标记为强制性的推荐方法是什么?(强制性是指通常的“用户必须输入/选择一个值。”)

0 投票
1 回答
250 浏览

gwt - 如何在特定情况下禁用 gwt.material.design.client.ui.MaterialLink?

我有这个问题,我用 GWT 准备了一个页面,禁用了 Materialink。

我的 Java 视图:

我的 view.xml:

该按钮被禁用并且单击不起作用(GOOD)。

如果用户填写表格,我将启用它。

并且工作更出色。

当我尝试禁用它时,因为用户输入了错误的值。

该按钮看起来不错,但可以单击它。有什么建议吗?

0 投票
1 回答
89 浏览

java - GWT 材料。在表头中添加 InlineSearch

如何添加此搜索图标

和这个内联搜索

在材料表的标题中?