PaymentTypes.aspx Layout

BC_Bo · Post by **BC_Bo** » Mon Jan 05, 2015 4:20 pm

I've upgraded to R9 and have the authorize.net CIM up and running. I've enabled card storage and now have the new PaymentTypes.aspx page under my "Members" folder and it shows up for users under Account.

Everything is working well with the exception of 2 things.
1) The breadcrumb wasn't loading - it turns out I needed to update the web.sitemap.xml document to include this new page. - Fixed.

2) My CSS iss not rendering correctly. The background of the page doesn't cover the content.
This is only happening on the PaymentTypes page, none of the other Member/Account pages.
The issue seems to be that the Page footer is outside of the innerPageContainer div. The footer is inside this div on every other page and I can't figure out how to fix the problem.

Any ideas?

It also looks like there is some CSS code referenced in PaymentTypes.aspx that didn't come in the update, but I have to check in to that more.

Post by **Katie** » Tue Jan 06, 2015 10:47 am

Hi,

There is CSS code specific to this new page. What you need to do is find the style.css for the theme you made a copy of. Then compare it to the css that you are using now. Merge the new code into the page, and it should fix any display issues you are having.

Hope this helps!
Katie

BC_Bo · Post by **BC_Bo** » Tue Jan 06, 2015 4:29 pm

Katie - thanks for the help. I pulled the CSS from the install files, found the code and inserted it all, no problem. It changed the layout of the page, added borders and formatting to the content, but it didn't fix the footer problem.

I don't think it's a CSS issue. When I inspect the page I see that it is rendering differently.

Here is a typical page - this happens to be the MyCredentials.aspx page but all of the pages follow this same structure. The footer is contained with the aspnetForm and innerPageContainer.

Code: Select all

<body>
    <div id="outerPageContainer">
        <div id="innerPageContainer">
            <form id="aspnetForm" ...
                <div class="aspNetHidden"></div>
                <script type="text/jav...
                <script type="text/jav...
                <div class="aspNetHidden"></div>
                <script type="text/javascript"></script>
                <img id="ctl00_...
                <div id="ctl00_...
                <div id="header"></div>
                <div id="mainColumn" class="oneColumnLayout"></div>
                <div id="footer"></div>
                <script type="text/javascript"></script>
                <script type="text/javascript"></script>
                <script type="text/javascript"></script>
            </form>
        </div>
    </div>
    <ul id="ui-id-1" ...</ul>
</body>

Here is the breakdown for PaymentTypes.aspx. Notice that footer and the following scripts are not in/under the innerPageContainer div or the aspnetForm form. What would be causing that?

Code: Select all

<body>
    <div id="outerPageContainer">
        <div id="innerPageContainer"></div>
        <div id="footer"></div>
        <script type="text/javascript"></script>
        <script type="text/javascript"></script>
        <script type="text/javascript"></script>
    </div>
    <ul id="ui-id-1" ...</ul>
</body>

BC_Bo · Post by **BC_Bo** » Thu Jan 08, 2015 2:32 pm

Anybody have any ideas on what would cause the footer to render differently when using the same master page?

jmestep · Post by **jmestep** » Fri Jan 09, 2015 3:40 am

When I see that happen on a site, it usually turns out to be a mis-matched html tag, usually a div tag. Sometimes it's hard to find because there could be several layers of files involved. I open the page in the browser, view the source of the page, and start looking for errors. In FireFox, the errors are marked in red text. You can ignore the red text at the top of the page- that is always there.

BC_Bo · Post by **BC_Bo** » Fri Jan 09, 2015 10:31 am

Found it!
Thanks for the response Judy.

PaymentTypes.aspx - Lines 66, 67 under FooterTemplate - Commented out Line 66.
Found extra /div that was causing the formatting problem that rendered the footer outside of the innerpagecontainer and aspnetform divs.
If you remove/comment out both it breaks the page even more, but if you only do one then the page works perfectly.
I thought that it might be that the first closing tag was supposed to be an opening tag, but that doesn't work.

For the record, this loose tag is in the source file for the Gold R9 upgrade.

Thanks for the help everybody!

AbleCommerce Shopping Cart Software

PaymentTypes.aspx Layout

PaymentTypes.aspx Layout

Re: PaymentTypes.aspx Layout

Re: PaymentTypes.aspx Layout

Re: PaymentTypes.aspx Layout

Re: PaymentTypes.aspx Layout

Re: PaymentTypes.aspx Layout