重新定位 Spring Roo 生成的 Apache Tiles 视图

发布于 2024-10-15 05:38:48 字数 239 浏览 4 评论 0原文

一个非常简单的问题。我不知道 Apache Tiles。

对于 Spring Roo 生成的 Web 应用程序,视图是使用 Apache Tiles 创建的。创建了左侧菜单的经典布局。

我希望菜单 (menu.jspx) 出现在页面的右侧,而不是经典的左侧。我该如何做到这一点?

我已经阅读了主网站上的 Apache Tiles 教程,但是那里的描述使用了 jsp 和 html。

A very simple question. I do not know Apache Tiles.

For a Spring Roo generated web app the views are created using Apache Tiles. The classic layout with the menu on the left is created.

I want to have the menu (menu.jspx) appear on the right hand side of the page instead of the classic left hand side. How do I do this?

I have read the Apache Tiles tutorial on the main web site, however the description there uses jsp and html.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

后知后觉 2024-10-22 05:38:48

Spring Roo 默认生成的用户界面中有 alt 主题。

它的右侧有菜单。继续定制吧。

You have the alt theme in Spring Roo default generated User Interface.

It has the menu to the right. Go ahead and customize.

秉烛思 2024-10-22 05:38:48

我想通了。

我必须编辑 standard.css 文件菜单项。

我开始认为所有 jspx 元素都是由 css 文件控制的。听起来很简单,但我习惯使用 html 表来完成所有的 ui 工作,而不是 css。

所以,我找到了一个地方 http://csscreator.com/node/461 ,其中有一些示例代码和我针对 standard.css 菜单元素修改了它,下面是我粘贴的内容。它并不完美,但它是一个开始的地方。

#menu {
background-image: none;
position: absolute;
right:0px;
width: 525px;
top: 80px;
height: 15px;
display: inline;
}

#menu ul{
padding: 3px 5px;
border-left: 1px solid #cccccc;
list-style: none;
display: inline;
}

I figured it out.

I had to edit the standard.css file menu items.

I got to thinking that all of the jspx elements are controlled by the css files. Sounds like a no brainer no but I am use to using html tables to do all of the ui work, not css.

So, I found a place http://csscreator.com/node/461 that had some sample code and I modified it for the standard.css menu elements and below is what I pasted in. Its not perfect but it is a place to begin.

#menu {
background-image: none;
position: absolute;
right:0px;
width: 525px;
top: 80px;
height: 15px;
display: inline;
}

#menu ul{
padding: 3px 5px;
border-left: 1px solid #cccccc;
list-style: none;
display: inline;
}
要走干脆点 2024-10-22 05:38:48

移动菜单的最佳选择是修改 css,如上所述。不过,您还可以选择通过修改页面布局文件来更改菜单在 html 源中的显示位置。这可以在 WEB-INF/layouts/default.jspx 下找到。

然后,您可以选择使用基于表格的 html 布局(如果这是您的首选)。

我希望这有帮助

Your best option for moving around the menu is to modify the css as you have described above. However you also have the option of changing where the menu appears in the html source by modifying the page layout file. This can be found under WEB-INF/layouts/default.jspx.

You could then choose to use a table based html layout if that was your preferred option.

I hope this helps

以往的大感动 2024-10-22 05:38:48

您的另一个选择是选择页面上的“alt”选项,该选项将自动更改为您想要的布局。

如果您随后将其设为默认布局

Your other option is to select the "alt" option on the page which will auto-change to the layout you want.

If you then make that the default layout instead

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文