设置面板组件div id

Question

我在GWT中使用DockLayoutPanel。我在这个小组中添加了一些内容。

我有一个DockLayoutPanel。

DockLayoutPanel dockpanel = new DockLayoutPanel(Unit.EM);

我已将图像添加到＆＃34; North＆＃34;：

Image logo = new Image("imageurl.com");
dockpanel.addNorth(logo, 5);

我还添加了一系列面板：

dockpanel.add(otherSplitLayoutPanel, 5);

我需要将CSS应用于DockLayoutPanel创建的各个帧。具体来说，我需要将CSS应用于＆＃34; North＆＃34;包含图像的框架。基本上，我想设置图像的尺寸，使它们相对于其容器的大小。我很难搞清楚如何为这个帧分配一个div ID，这样我就可以用CSS来定位它。

我不想将CSS应用到整个面板，因此不能选择为DockLayoutPanel分配和使用ID。

Answer 1

您不需要指定ID来设置CSS。您可以使用CSS类或其他选择器。

您可以在图片上设置CSS类：

logo.addStyleName("logo");

在你的CSS中：

.logo {width: 50%; height: 50%;}

或者您可以直接在代码中设置它：

logo.getElement().getStyle().setWidth(50, Unit.PCT);
logo.getElement().getStyle().setHeight(50, Unit.PCT);