adding a tab on top nav - S tags

Options

Picture1.jpg

If you see on the second line I copied the top line but added a tab "Donate Now" going directly to a donation page and not to a pagebuilder page. Two things I know that ]: homepage::class="home" is wrong the word homepage needs to be changed to "Donation2?" (Im guessing) .. since it's not a pagebuilder page Im not sure what the format is. Also when I tested it a white bar appeared under the top nav, Im not sure why this is or how to get rid of it, can anyone help????  Thanks!

Picture2.jpg

Tagged:

Comments

  • You're post actually answered one of my even more basic questions, so now let me give yours a crack. Your code...

    ]::homepage::class="home"::]]

    ...is a conditional. The ] tag returns the current URL. So translated into english, your conditional is...

    If THIS_URL contains 'homepage' then return otherwise return [].

    The word 'homepage' is the part of your full URL String you are testing for.

    So Donation2 *should* work, but it kind of corisponds to PageServer. Its part of every form. If you later put tabs to two different forms this would break. You might instead try...

    ]::id=1544::class="home"::]]

    ...because that is the ID number of this specific form.

  • Brian Mucha:

    You're post actually answered one of my even more basic questions, so now let me give yours a crack. Your code...

    ]::homepage::class="home"::]]

    ...is a conditional. The ] tag returns the current URL. So translated into english, your conditional is...

    If THIS_URL contains 'homepage' then return otherwise return [].

    The word 'homepage' is the part of your full URL String you are testing for.

    So Donation2 *should* work, but it kind of corisponds to PageServer. Its part of every form. If you later put tabs to two different forms this would break. You might instead try...

    ]::id=1544::class="home"::]]

    ...because that is the ID number of this specific form.

    Instead of conditionalizing on S8, you should use S4 (the numeric application ID), and S120:dc:donFormId (the specific ID of the currently viewed donation form):

    ]x]x::class="home"::]]

    Note that the reason for using S120, rather than checking for the id of the form in the URL with S8 or S334, is that there are instances where Convio will drop the id from the URL after a form post (e.g. if there is an error).

  • Noah Cooper:

    Instead of conditionalizing on S8, you should use S4 (the numeric application ID), and S120:dc:donFormId (the specific ID of the currently viewed donation form):

    ]x]x::class="home"::]]

    Note that the reason for using S120, rather than checking for the id of the form in the URL with S8 or S334, is that there are instances where Convio will drop the id from the URL after a form post (e.g. if there is an error).

    makes sense ... but still S tags are pretty foreign to me. I had no idea that S4 was for a numeric application. Do I need to change the parameters of the page somewhere to avoid one the tabs to drop down and create the white space?

    Thank you - this just excites me to learn so much more!

  • Nikki Valentine Odens:

    makes sense ... but still S tags are pretty foreign to me. I had no idea that S4 was for a numeric application. Do I need to change the parameters of the page somewhere to avoid one the tabs to drop down and create the white space?

    Thank you - this just excites me to learn so much more!

    Hm, nothing in your code pasted above should cause any white space, but if you use the conditional I provided above and still have problems perhaps include a screenshot of the white space, or a link to a test page?

  • The source code from the browser might be helpful in sorting out that white space. Figure out what is causing it in the html, then it should be easier to discover what's generating it.

    Regards, Brian

  • Noah Cooper:

    Hm, nothing in your code pasted above should cause any white space, but if you use the conditional I provided above and still have problems perhaps include a screenshot of the white space, or a link to a test page?

    I tried your code above, link works - here is a screen shot of white bar. To see what the site normally looks like go to www.stjo.org I know it's because the text size box has been bumped down below the top nav.

    Picture2.jpg

  • Nikki Valentine Odens:

    I tried your code above, link works - here is a screen shot of white bar. To see what the site normally looks like go to www.stjo.org I know it's because the text size box has been bumped down below the top nav.

    Picture2.jpg

    FYI - No white space in IE8 or Firefox3.5.

    I believe you have a couple extra closing DIVs just above your middeContainer DIV.

        <div class="clear"></div>

    </div>

        </div> ***** EXTRA?

    </div> ***** EXTRA?

    <div id="middleContainer">

    Regards, Brian

  • Nikki Valentine Odens:

    I tried your code above, link works - here is a screen shot of white bar. To see what the site normally looks like go to www.stjo.org I know it's because the text size box has been bumped down below the top nav.

    Picture2.jpg

    Looks like a style issue -- your wrapper has a fixed width of 965px on #header, and adding the additional link to the nav stretches the div out wider than that, causing the text sizer to drop to the next line. You'll need to adjust the styles to accomodate the wider area.

  • Brian Mucha:

    FYI - No white space in IE8 or Firefox3.5.

    I believe you have a couple extra closing DIVs just above your middeContainer DIV.

        <div class="clear"></div>

    </div>

        </div> ***** EXTRA?

    </div> ***** EXTRA?

    <div id="middleContainer">

    Regards, Brian

    Mistaken on the extra DIVs. Tabbing thru me off there. They look correct.

  • Brian Mucha:

    Mistaken on the extra DIVs. Tabbing thru me off there. They look correct.

    Thanks, I didn't have that vs. live so you wouldn't of seen it in IE or firefox.

  • Noah Cooper:

    Looks like a style issue -- your wrapper has a fixed width of 965px on #header, and adding the additional link to the nav stretches the div out wider than that, causing the text sizer to drop to the next line. You'll need to adjust the styles to accomodate the wider area.

    Your right - only problem is that I don't have the page wrapper functions enabled, since I could potentially mess the whole site Going forward, I'm sure I'd have to file a support ticket, which is no fun. Eventually I will get there with knowledge. Thank you very much for your help!

  • Nikki Valentine Odens:

    Your right - only problem is that I don't have the page wrapper functions enabled, since I could potentially mess the whole site Going forward, I'm sure I'd have to file a support ticket, which is no fun. Eventually I will get there with knowledge. Thank you very much for your help!

    This is, near as I can tell anyway, the most recent S-Tag document:

    http://community.customer.convio.com/docs/DOC-2102

    -mike

  • Michael :

    This is, near as I can tell anyway, the most recent S-Tag document:

    http://community.customer.convio.com/docs/DOC-2102

    -mike

    Awesome information & so happy to have it, thank you!!

Categories