UI Modification Help

 From:  Michael Gibson
3597.9 In reply to 3597.8 
Hi Sharif, you're getting to a level of modifications here where it may be difficult for me to help you very much since it can take quite a bit of effort for me to try and review all the various many changes you are making and try to understand them.

But I think I can still help you for this batch though.

> #1-I like to have the coordinate and distance in single row.
> I have tried but I cannot get it to work.

The current ones are in a table with has a width set on it. Probably the easiest is to just delete the table, and have each of the controls as just individual elements. In the file CommandBar.htm delete the whole piece that starts with
code:
<table id="coordinatetable" cellspacing="0" cellpadding="0">


delete all the way to where the table ends, and in its place put the following:
code:
		<span style="margin-bottom:0.5em; display:inline-block;">
			<input style="width:10em;" class="xyzcoordinatetext">
			d:<input style="width:5em;" class="singlecoordinatetext" style="behavior:url(#default#DistanceCoordinateText); iscoordinate:true;">
			a:<input style="width:5em;" class="singlecoordinatetext" style="behavior:url(#default#AngleCoordinateText);">
		</span>



> #2-How can I change the color of the text for the "file name"
> from black to white

You need to use the "color" CSS attribute for that, right now you're using "text-color" which doesn't do anything.

So for instance in CommandBarTopRight.htm you've currently got:
code:
		#FileNameContainer
		{
			padding-bottom:0.5em;
			text-align:right;
			text-color:ffffff
			width:100%;


Also in addition to that, usually CSS colors are meant to begin with a # sign (although it will probably work if you leave that out), and also make sure to end the line of each property statement with a semi-colon ; - you're missing some of those currently and that could probably mess things up as it will probably think that everything until the next semi-colon is one statement.

So make that say (just that text-color line has been changed):

code:
		#FileNameContainer
		{
			padding-bottom:0.5em;
			text-align:right;
			color:#ffffff;
			width:100%;

And then your the text for the file name will be white.



> #3-I have added some pallet , but they are not showing up.
> and they are no expanding

Be careful to follow the same pattern as the other ones.

In your new one (in SidePane.htm), you wrote:
code:
<PaletteHeader id="SharifToolsHeader" ...


If you look at the other ones, notice that they are not the same as that, they are like this:
code:
<moi:PaletteHeader>


You're missing the "moi:" at the start, you'll need to add that in so that your one says <moi:PaletteHeader> like all the other ones.

Then in addition to that, you'll want to change the label for the tabs, currently you've got this:

code:
<moi:TabButton id="ToolsTab" class="LeftTabButton"><moi:Text textid="Tools tab"/></moi:TabButton>



Those tags that say <moi:Text> mean to look up that name in the UI strings file and put that text into that spot. Unless you are going to make different language versions that can have the text come from different UI string files, you probably don't want to use <moi:Text> tags for your new labels, instead just put the plain text in those areas, like this:

code:
<moi:TabButton id="ToolsTab" class="LeftTabButton">Tools</moi:TabButton>


Once you do those 2 changes (just add moi: to the start of the PaletteHeader tag, and make sure the tab has some text content to it), then your new palette will show up.


> #4-What is This left arrow keep showing up.

It's coming from an extra character in your SideFooter.htm file, at the very start. The first line of that file is like this:
code:
<<html xmlns:moi>


Note that you've got 2 << at the start there, since the first one does not belong to any tag it is getting interpreted as some text to render on the page. Remove the extra one and that will go away.


Hope that helps!

- Michael