Patch Launcher To Allow More Icons Per Row - Revision history

Jmartino2011: added text to change the font color and size for the app launcher

2009-10-04T23:02:18Z

added text to change the font color and size for the app launcher

Jmartino2011: /* Multi-line Icon Text */

2009-09-05T16:46:39Z

Multi-line Icon Text

StoneRyno at 16:16, 25 August 2009

2009-08-25T16:16:29Z

Reistar at 21:24, 24 August 2009

2009-08-24T21:24:32Z

Epyon22 at 20:11, 17 August 2009

2009-08-17T20:11:29Z

Epyon22 at 20:11, 17 August 2009

2009-08-17T20:11:12Z

S00pcan at 15:28, 16 August 2009

2009-08-16T15:28:52Z

S00pcan at 15:23, 16 August 2009

2009-08-16T15:23:58Z

Hopspitfire: adding patch template header

2009-08-12T04:28:27Z

adding patch template header

Hopspitfire at 04:24, 12 August 2009

2009-08-12T04:24:28Z

← Older revision		Revision as of 23:02, 4 October 2009
Line 165:		Line 165:
	[[image: wide_5_row.jpg\|thumb\|right]]		[[image: wide_5_row.jpg\|thumb\|right]]
	Change <pre>this.kAppWidth = 55;</pre> to <pre>this.kAppWidth = 64;</pre> will widen the space between each icon in the rows. To allow for this extra space and to balance the look of the page the left margin needs to be reduced by changing <pre>left: (((appIndex % this.kAppsPerRow) * this.kAppWidth) + this.kPageMargin),</pre> to <pre>left: (((appIndex % this.kAppsPerRow) * this.kAppWidth) - 18),</pre>		Change <pre>this.kAppWidth = 55;</pre> to <pre>this.kAppWidth = 64;</pre> will widen the space between each icon in the rows. To allow for this extra space and to balance the look of the page the left margin needs to be reduced by changing <pre>left: (((appIndex % this.kAppsPerRow) * this.kAppWidth) + this.kPageMargin),</pre> to <pre>left: (((appIndex % this.kAppsPerRow) * this.kAppWidth) - 18),</pre>
		+
		+	==Change the color and font size of app titles in launcher==
		+
		+	Using Quick Install, I changed the opacity of the launcher to zero so that the app icons just pop up over my background without any page being there. However, this made the white app titles kind of hard to see. So, I decided to change the color to black. To do this, I went into the stylesheet mentioned above and modified the color of the font and made it bigger.
		+
		+	<pre>
		+	mount -o remount,rw /
		+	</pre>
		+
		+	<pre>
		+	vi /usr/lib/luna/system/luna-applauncher/stylesheets/launcher.css
		+	</pre>
		+
		+	Go to line 141 by typing ":141".
		+
		+	Then, hit "i" to enter edit mode, and then change the color to black so that it looks like:
		+
		+	<pre>
		+	color: black;
		+	</pre>
		+
		+	While there, you can increase the font size. With the 4x4 app launcher patch applied, the font was set to 11 pixels. I changed it to 12, which works out except for the longest of app names. Once done modifying, press "esc" and then type ":wq" to save the file and get back to command line. Then, to restart Luna:
		+
		+	<pre>
		+	stop LunaSysMgr && start LunaSysMgr
		+	</pre>

← Older revision		Revision as of 16:46, 5 September 2009
Line 150:		Line 150:

	'''Suggestion: Can someone provide instructions for a 4x4 icon setup or an NxN setup? I find the 5x4 setup to be too small, and I often misclick on an icon.'''		'''Suggestion: Can someone provide instructions for a 4x4 icon setup or an NxN setup? I find the 5x4 setup to be too small, and I often misclick on an icon.'''
		+
		+	'''Suggestion: Can anyone provide code so that there is a confirmation of the delete page command? It is really annoying when you accidentally hit 'Delete Page' and there goes the whole page...'''

	For 5 per row you can use:		For 5 per row you can use:

@@ Line 1: / Line 1: @@
 {{template:patch}}
 ==Introduction==
 '''THIS IS 1.1.0 SAFE, DO NOT TRY IT WITH ANY OTHER WEBOS VERSION'''
@@ Line 138: / Line 138: @@
   </pre>
 [[Image: 4pre_row.jpg|thumb|right]]
 I noticed that this makes some of the apps with longer names run into each other. I fixed this by going into the stylesheet and modifying
@@ Line 156: / Line 158: @@
 </pre>
 This looks fairly center and none of the words run over each other.

@@ Line 146: / Line 146: @@
 </pre>
 The values may be different for you, I am using 4 icons per row instead of 5.
 For 5 per row you can use:

@@ Line 153: / Line 153: @@
 width: 60px;
 </pre>
-this looks fairly center and none of the words run over eachother
+This looks fairly center and none of the words run over each other.

← Older revision		Revision as of 20:11, 17 August 2009
Line 146:		Line 146:
	</pre>		</pre>
	The values may be different for you, I am using 4 icons per row instead of 5.		The values may be different for you, I am using 4 icons per row instead of 5.
		+
		+	For 5 per row you can use:
		+	<pre>
		+	.launcher_page .name
		+	left: 20px;
		+	width: 60px;
		+	</pre>
		+	this looks fairly center and none of the words run over eachother

← Older revision		Revision as of 15:23, 16 August 2009
Line 137:		Line 137:
	}		}
	</pre>		</pre>
		+
		+
		+	I noticed that this makes some of the apps with longer names run into each other. I fixed this by going into the stylesheet and modifying .launcher_page .name:
		+	left:12px
		+	width:80px;
		+	The values may be different for you, I am using 4 icons per row instead of 5.

@@ Line 9: / Line 9: @@
 ==End Result==
-Here's what your launcher looks like after the patch is applied:
+The thumbnail image on the right shows launcher after the patch is applied.
 ==Patch Process==