Question

在我的GWT应用程序中，我想根据需要指出字段。请告知我该怎么做？

如果我只是在标签文本中添加*，那么它就不太明显了，因为它与标签文本的颜色相同，并且与标签对齐而非上标字符。

我不知道应用样式表是否可以使其工作？还有其他任何不涉及大量工作的Web 2.0创意吗？

目前，它显示为

Label fullName = new Label("Full Name*");

Answer 1

将*与标签分开，与另一个标签分开：

Label label = new Label("Full name");
TextBox tb = new TextBox();
Label reqLabel = new Label("*");
reqLabel.setStyleName("red_label");

然后在war / app.css上创建一个新项目

.red_label {
    color: red;
    font-size: 8pt;
    overflow: hidden;
}

这样的事应该有效。

Answer 2

最简单的方法是

String strReqLabel = "<span style=\"color: #DC143C;\">*</span>"

Label reqLabel = new Label(strReqLabel + " " + "First Name");

Answer 3

可替换地，

将标签后缀为*标记 - 以便填写表格时非常谨慎的人会观察它并做必要的事情。对于那些你提交表格后不小心的人，你可以考虑用红色做轮廓。这样，您无需在初始状态下使表单过于华丽。

Answer 4

所以我这样做了：

public HorizontalPanel createLabel(String name){
  HorizontalPanel hPanel = new HorizontalPanel();
  hPanel.add(new Label(name));
  Label star = new Label("*");
  star.setStyleName("req-label");
  hPanel.add(star);
  return hPanel;
}

和css as：

.req-label{
color: #FF0000;
font-weight: bold;
}

显示GWT标签上的必需指标

4 个答案: