<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>The Official Joroto Blog &#187; width</title>
	<atom:link href="http://www.joroto.com/blog/tag/width/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.joroto.com/blog</link>
	<description>From the people at Joroto, Inc.</description>
	<lastBuildDate>Thu, 20 Oct 2011 21:10:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Appfuse &#8211; width of web page</title>
		<link>http://www.joroto.com/blog/2010/02/15/appfuse-width-of-web-page/</link>
		<comments>http://www.joroto.com/blog/2010/02/15/appfuse-width-of-web-page/#comments</comments>
		<pubDate>Mon, 15 Feb 2010 07:48:03 +0000</pubDate>
		<dc:creator>Tom CTO</dc:creator>
				<category><![CDATA[Miscellaneous Apps and Services]]></category>
		<category><![CDATA[appfuse]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[width]]></category>

		<guid isPermaLink="false">http://www.joroto.com/blog/?p=387</guid>
		<description><![CDATA[Ok this took a ton of time to figure out. Problem: I don&#8217;t like 800&#215;600 pages. I have widescreen LCDs and many other people do too. I will check the stats which is a developer type site, and here which &#8230; <a href="http://www.joroto.com/blog/2010/02/15/appfuse-width-of-web-page/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Ok this took a ton of time to figure out.<br />
Problem: I don&#8217;t like 800&#215;600 pages. I have widescreen LCDs and many other people do too. I will check the <a href="http://www.w3schools.com/browsers/browsers_display.asp">stats</a> which is a developer type site, and <a href="http://www.w3counter.com/globalstats.php">here</a> which is more general and based on 32,000+ sites.</p>
<p>Edit the files:<br />
./tree/src/main/webapp/styles/simplicity/layout-1col.css and change line 8 to 924 (1024 &#8211; 100 which is what it was set to initially). This will set the login.jsp menu to this width.<br />
./tree/src/main/webapp/styles/simplicity/layout.css and change line 11 to 1004 (1024 &#8211; 20 which is the same amount that was initially subtracted to arrive at 780px by the appfuse developers). this seems to set all pages to this width.<br />
./tree/src/main/webapp/styles/simplicity/laout-navtop-subright.css and change line 8 to 924. This changes the menu size for the mainMenu.jsp page.</p>
<p>Also, while we&#8217;re on the subject of menus, you may want to edit ./tree/src/main/webapp/WEB-INF/menu-config.xml. Notice that your new classes (see previous posts) have a menu item for them. Well they also show up on the Login menu even though the user has to login before being able to access the menu item. This is clunky (IMHO) so I don&#8217;t want them there. In this menu-config file, you&#8217;ll notice there are no roles= attribute. Put one in there for each menu item and the menu generator (struts-menu) will take care of whether to display the menu item or not. This is one of the good things about these frameworks. You get to do a little config with no programming.<br />
NOTE:<br />
in ./tree/src/main/webapp/styles/simplicity/layout.css in the section marked  div#main form ul li    &#8211; this section affects the box around the Login fields. I added a width to this section and the login box adapted.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.joroto.com%2Fblog%2F2010%2F02%2F15%2Fappfuse-width-of-web-page%2F&amp;title=Appfuse%20%26%238211%3B%20width%20of%20web%20page" id="wpa2a_2"><img src="http://www.joroto.com/blog/wp-content/plugins/add-to-any/share_save_256_24.png" width="256" height="24" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.joroto.com/blog/2010/02/15/appfuse-width-of-web-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

