Skip navigation
derrichiello
derrichiello Calculating status...
Currently Being Moderated

Web Form and Email Marketing Form Bug

Jul 27, 2012 5:38 PM

Hello,

 

I am a paid Premium partner in the process of transferring a website into Business Catalyst for the first time.

 

I am running into an issue with the forms loading properly. Sometimes when I load the page, it seems that anything using the the <input> HTML tag has an increased width randomly. Other times, everything looks fine, without making any changes. It just depends on when I reload the page.

 

I'm not sure if its a bug with my CSS or if its a bug with the modules. Any help is appreciated! Below are the pics:

 

Screen-Shot-2012-07-26-at-2.15.15-PM.png

Screen-Shot-2012-07-26-at-2.16.51-PM.png

Note that each screenshot was taken within 5 seconds of eachother, and the only thing I changed was refreshing the page. No code was altered.

 

Any ideas?

 

Thanks!

473 Views   7 Replies   Latest reply: derrichiello, Jul 29, 2012 8:36 PM
 
Replies
  • Liam Dilley
    4,017 posts
    Feb 28, 2012
    Currently Being Moderated
    1. Liam Dilley,
    Jul 27, 2012 7:28 PM   in reply to derrichiello
    Report

    Got a link to the site? Could be some javascript trying to do something, css error, html error of some sort.

    Forms are not doing anything funny at the moment.

     
    |
    Mark as:
  • derrichiello
    Currently Being Moderated
    2. derrichiello,
    Jul 28, 2012 9:12 AM   in reply to Liam Dilley
    Report

    Yes you can check out the live site at http://virtuesite.worryfreewebs.net

     

    Thanks

     
    |
    Mark as:
  • derrichiello
    Currently Being Moderated
    3. derrichiello,
    Jul 29, 2012 3:58 PM   in reply to derrichiello
    Report

    Does anyone else have any ideas for a solution? I'm kind of stumped...

     
    |
    Mark as:
  • Liam Dilley
    4,017 posts
    Feb 28, 2012
    Currently Being Moderated
    4. Liam Dilley,
    Jul 29, 2012 5:22 PM   in reply to derrichiello
    Report

    Is it doing in IE for you?
    If you are I know what it will be.

     

    Side note:

    You got two character set meta in your head and your doing ../css etc when these should be /css in BC. You will run into issues not doing that.

     
    |
    Mark as:
  • derrichiello
    Currently Being Moderated
    5. derrichiello,
    Jul 29, 2012 5:41 PM   in reply to Liam Dilley
    Report

    So the templates have to be in the same folder as the stylesheets? Can you please clarify what you mean, I appreciate the help so far!

     

    The issue is across all browsers, I'm on a macbook so I only test IE when I get on my desktop. My main concerns are webkit browsers and Firefox for right now, then I'll worry about IE.

     

    Thanks

     
    |
    Mark as:
  • Liam Dilley
    4,017 posts
    Feb 28, 2012
    Currently Being Moderated
    6. Liam Dilley,
    Jul 29, 2012 7:06 PM   in reply to derrichiello
    Report

    No.

    CMS's need to understand locations. If you build a web app or have an ecommerce project that creates a tier URL structure or even if you have a page in the folder you have .com/something/page.

    BC's implementation for relative path that ensures it to work 100% with the system is to just have the / at the start of the url.

    So replace ../ etc with just the slash at the start of your src

    The background appears because of this:

     

     

    .secure-login, .newsletter-form {

     

     

        background: none repeat scroll 0 0 #F9F9F9;

     

        border: 1px solid #F2F2F2;

        margin-bottom: 18px;

    }


    In: http://virtuesite.worryfreewebs.net/StyleSheets/ModuleStyleSheets.css

     

    The reason this then disapears for some reason is because this file then 404's. The reason for this could be that you tried to delete it? You may want to contact support as this could be a caching issue.

     
    |
    Mark as:
  • derrichiello
    Currently Being Moderated
    7. derrichiello,
    Jul 29, 2012 8:36 PM   in reply to Liam Dilley
    Report

    Well,

     

    I have started from scratch with the forms, and I'm starting to think it's a caching issue like you said.

     

    When I update the ".blog-post .post-body { margin: 0 0 36px }" line to ".blog-post .post-body { 0px }" in ModuleStyleSheets.css and publish/save it to the server. The website still randomly shows the 36px bottom margin when I refresh the page sometimes.

     

    I'll contact support. Thanks!

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points