Tool bar - customizing

 From:  Michael Gibson
7971.4 In reply to 7971.1 
Hi Tom, you can edit the CommandBar.htm file which is inside the \uii folder to do that.

The text that you are interested in is defined by <moi:Text> elements that are inside each <moi:CommandMenuButton> (for the File one) or <moi:CommandButton> control.

You can just delete those <moi:Text> elements, like replace this:

code:
<moi:CommandMenuButton style="icon:res://FILEICON;" menu="FileMenu.htm"><moi:Text textid="File"/></moi:CommandMenuButton>


With this (where the <moi:Text> portion has been deleted):

code:
<moi:CommandMenuButton style="icon:res://FILEICON;" menu="FileMenu.htm"></moi:CommandMenuButton>


Or another way which is probably better is to set up a style rule in the <style> block at the top of the file, to hide all <moi:Text> elements that are contained inside of a <moi:CommandButton> or <moi:CommandMenuButton>. That would look like this:

code:
		<style>
			moi\:CommandButton moi\:Text, moi\:CommandMenuButton moi\:Text
			{
				display:none;
			}



You will then run into a problem where the command buttons are set up to align to the bottom of the container, so your new shorter buttons will not look quite like what you show, they will hug the bottom edge. To solve that you could add an additional rule to apply some margin to the bottom of those buttons to push them up a bit, like this:

code:
		
			moi\:CommandButton, moi\:CommandMenuButton
			{
				margin-bottom:0.3em;
			}

- Michael