Reorder Toolbar Items in a Skin

[paulornothing]

Hello,

I used the skin editor and was able to add a logo I wanted in my toolbar, however I would like the logo to display on the left (as the first item).  I went and edited the skin file in wordpad, but re-ordering that did nothing for the output but in the skin editor it is listed first.  Is there something I'm missing in the code or skin editor where I put the logo as the first item?

Thanks!

-Using Robohelp 10

[Jeff_Coatsworth]

I hope you used Notepad to edit & not Wordpad – you can end up adding formatting cruft to your text files with Wordpad.

Anyway – can you post the part of your code that you edited?

[paulornothing]

So the logo section was listed last, and I just moved it to first (I know code doesn't always work that way).  Is there somewhere else in the code that is locking my logo section to be diplayed to the right of the other buttons, instead of first?

<pane name="Custom Toolbar Pane">

        <image></image>

        <color>background:#0078c1</color>

        <font>font-family:"Lucida Sans Unicode" font-size:10pt font-weight:Normal font-style:Normal text-decoration:none font-sizeadjust:none font-stretch:normal font-variant:normal font-color:White</font>

        <btnselected>

            <color>background:#0c64a3</color>

            <font>font-family:"Lucida Sans Unicode" font-size:10pt font-weight:Normal font-style:Normal text-decoration:none font-sizeadjust:none font-stretch:normal font-variant:normal font-color:White</font>

        </btnselected>

        <alignment>left</alignment>

        <toolbaritem mode="BtnWithIcon Mode" type="customized" id="13111">

            <name>Logo</name>

            <href></href>

            <actiondef></actiondef>

            <jsinfo></jsinfo>

            <text></text>

            <color></color>

            <image>onload:logo.jpg?onmouseover:logo.jpg</image>

            <icontype>customized</icontype>

            <selected>

                <color></color>

                <image>onload:robohelpcensuslogo.jpg</image>

                <icontype>customized</icontype>

            </selected>

            <style>256</style>

            <dependencies>

                <dependency>

                    <filename>logo.jpg</filename></dependency>

            </dependencies>

        </toolbaritem>

        <toolbaritem mode="BtnWithIcon Mode" type="built-in-content" id="1">

            <name>Contents</name>

            <text>::??DefaultWebSkinText??::</text>

            <color></color>

            <image></image>

            <icontype>none</icontype>

            <selected>

                <color></color>

                <image></image>

                <icontype>none</icontype>

            </selected>

            <style>100</style>

        </toolbaritem>

        <toolbaritem mode="BtnWithIcon Mode" type="built-in-index" id="2">

            <name>Index</name>

            <text>::??DefaultWebSkinText??::</text>

            <color></color>

            <image></image>

            <icontype>none</icontype>

            <selected>

                <color></color>

                <image></image>

                <icontype>none</icontype>

            </selected>

            <style>100</style>

        </toolbaritem>

        <toolbaritem mode="BtnWithIcon Mode" type="built-in-search" id="3">

            <name>Search</name>

            <text>::??DefaultWebSkinText??::</text>

            <color></color>

            <image></image>

            <icontype>none</icontype>

            <selected>

                <color></color>

                <image></image>

                <icontype>none</icontype>

            </selected>

            <style>100</style>

        </toolbaritem>

        <toolbaritem mode="BtnWithIcon Mode" type="built-in-glossary" id="4">

            <name>Glossary</name>

            <text>::??DefaultWebSkinText??::</text>

            <color></color>

            <image></image>

            <icontype>none</icontype>

            <selected>

                <color></color>

                <image></image>

                <icontype>none</icontype>

            </selected>

            <style>100</style>

        </toolbaritem>

        <toolbaritem mode="Form Mode" type="built-in-form" id="6">

            <name>Search Input</name>

            <image></image>

            <color></color>

            <textbox width="20"/>

            <title>

                <text></text>

            </title>

            <button mode="graphic mode">

                <image>onload:goiconsipprobohelp.jpg</image>

            </button>

        </toolbaritem>

        <toolbaritem mode="Logo Mode" type="built-in-logo" id="7">

            <name>About</name>

            <image>selected:toolbarIcon_poweredBy.gif?</image>

            <author>Adobe</author>

            <email></email>

            <description></description>

            <companyinformation>

                <image></image>

                <name>Adobe</name>

                <copyright>Copyright © 2008, Adobe Systems</copyright>

                <homepage>http://www.adobe.com</homepage>

            </companyinformation>

            <titleinformation>

                <image></image>

            </titleinformation>

        </toolbaritem>

[Willam van Weelden]

The banner just seems to be reset to the right in the actual output. It

seems you need to hack the resorting mechanism of the button bar.

I don't have time to dive into this fully, but if you fee up to it, take

a look at whstart.js. Search for WH_MSG_TOOLBAR. The second occurrence

it the sorting mechanism.

Kind regards,

Willam

[Jeff_Coatsworth]

@Willam – “Fee up to it” – Freudian slip? (LOL)

[Willam van Weelden]

Perhaps. Priority is a commodity after all 😛

Kind regards,

Willam

[paulornothing]

I know a little javascript but I'm in over my head with this.  Thanks anyway.