Interface - Building your own asset bar
Revision as of 22:53, 3 November 2015 by Philip Lacey (talk | contribs) (Created page with "= Overview = The "I Want To" bar is an example of a very useful interface bar for system use. It provides links to very useful features. The_I_Want_To_bar There are t...")
Revision as of 22:53, 3 November 2015 by Philip Lacey (talk | contribs) (Created page with "= Overview = The "I Want To" bar is an example of a very useful interface bar for system use. It provides links to very useful features. The_I_Want_To_bar There are t...")
1 Overview
The "I Want To" bar is an example of a very useful interface bar for system use. It provides links to very useful features. The_I_Want_To_bar
There are times when you might like to build your own interface bar and provide it system wide. Here's how you can.
2 Building the bar
Firstly this is going to require you to play with some HTML. Here is a template to get you started.
<table cellspacing="20" id="tblMy_Main" cellpadding="20" class="cssMaster_FooterIWantToBar_Table">
<tr>
<td id="tblMy_TD_Reminders" align="center" width="20%" colspan="2" height="30"><strong>Reminders</strong></td>
<td id="tblMy_TD_Change" align="center" width="20%" colspan="2" height="30"><strong>Change</strong></td>
<td id="tblMy_TD_Help" align="center" width="20%" colspan="2" height="30"><strong>Help</strong></td>
<td id="tblMy_TD_Search" align="center" width="40%" colspan="4" height="30"><strong>Your Items</strong></td>
</tr>
<tr>
<td id="tblMy_TD_Reminders_View" align="center" width="10%" height="30"><input class="cssButton_Green" type="button" onclick="location.href='../main/reminders.asp'" value="View" style="width:98%;margin-left:auto;margin-right:auto;" /></td>
<td id="tblMy_TD_Reminders_Add" align="center" width="10%" height="30"><input class="cssButton_Green" type="button" onclick="location.href='../main/userReminder_Add-details.asp'" value="Add" style="width:98%;margin-left:auto;margin-right:auto;" /></td>
<td id="tblMy_TD_Change_MyDetails" align="center" width="10%" height="30"><input class="cssButton_Yellow" type="button" onclick="location.href='../main/userDetails_Change-details.asp'" value="My Details" style="width:98%;margin-left:auto;margin-right:auto;" /></td>
<td id="tblMy_TD_Change_MyPassword" align="center" width="10%" height="30"><input class="cssButton_Yellow" type="button" onclick="location.href='../main/userPassword_Change-details.asp'" value="My Password" style="width:98%;margin-left:auto;margin-right:auto;" /></td>
<td id="tblMy_TD_Help_Wixi" align="center" width="10%" height="30"><input class="cssButton_Blue" type="button" onclick="window.open('http://www.bxpsoftware.com/wixi/','_blank');" value="Wixi" style="width:98%;margin-left:auto;margin-right:auto;" /></td>
<td id="tblMy_TD_Help_Suggestion" align="center" width="10%" height="30"><input class="cssButton_Blue" type="button" onclick="location.href='../main/userSuggestion-details.asp'" value="Suggestion" style="width:98%;margin-left:auto;margin-right:auto;" /></td>
<td id="tblMy_TD_MyButton1" align="center" width="10%" height="30"><input class="cssButton_Red" type="button" onclick="location.href='http://www.google.com'" value="Google" style="width:98%;margin-left:auto;margin-right:auto;" /></td>
<td id="tblMy_TD_MyButton2" align="center" width="10%" height="30"><input class="cssButton_Red" type="button" onclick="location.href='http://www.yahoo.com'" value="Yahoo" style="width:98%;margin-left:auto;margin-right:auto;" /></td>
<td id="tblMy_TD_MyButton3" align="center" width="10%" height="30"><input class="cssButton_Red" type="button" onclick="location.href='http://www.bing.com'" value="Bing" style="width:98%;margin-left:auto;margin-right:auto;" /></td>
<td id="tblMy_TD_MyButton4" align="center" width="10%" height="30"><input class="cssButton_Red" type="button" onclick="location.href='http://www.ask.com/'" value="Ask" style="width:98%;margin-left:auto;margin-right:auto;" /></td>
</tr>
</table>