9 {{ upvoteCount | shortNum }}
9 {{ upvoteCount | shortNum }}

How to add a Page in a Popup

by OvaisAhsan
8 replies
  • WEB DESIGN
    • |
I'm adding an image so you guys can better understand what I want to ask. If not, please let me know if I should be more descriptive.

http://tinypic.com/r/70ubgn/8

Thanks,
#add #page #popup
  • Profile picture of the author raresmp
    Hi there,

    I think I understand what your needs are but I don't know exactly if there are some ready made solutions for this. I mean there should be but I don't have one in mind.

    First of all have a look at this plugin which is a lightbox form. Maybe you will be able to make it work somehow.

    If that doesn't work here is some pretty good documentation on setting up your own lightbox from scratch or if you don't fancy that using some "templates" like FancyBox.

    Hope this will help you.

    Regards
    {{ DiscussionBoard.errors[10140089].message }}
  • Profile picture of the author georgeweb13
    One easy solution, is to use fancybox, and put your new page into a fancybox iframe.
    {{ DiscussionBoard.errors[10140568].message }}
  • Profile picture of the author mozammel
    Hello,
    You haven't mentioned which CMS you are using. If you use WordPress, you can use some powerful wp plugins to do so. Else you can you fancybox jquery plugin in you codes.
    {{ DiscussionBoard.errors[10140825].message }}
  • Profile picture of the author habibdu
    If it is wordpress site, use "uji popup" wordpress plugin
    {{ DiscussionBoard.errors[10141127].message }}
  • Profile picture of the author yukon
    Banned
    Just use a simple iframe with chromeless browser window. Done.
    {{ DiscussionBoard.errors[10141179].message }}
  • Profile picture of the author kensotrabing
    You're looking for a modal window.

    If you're developing a WordPress website; use the Bootstrap framework to utilize this feature.
    {{ DiscussionBoard.errors[10141228].message }}
    • Profile picture of the author OvaisAhsan
      Thanks for all the response mates, and sorry for late reply.

      I am using a simple X/HTML template (no Wordpress).

      Thanks for the link, it has exactly what I want: JavaScript · Bootstrap

      Now the problem is, how and where can I call the CONTACT PAGE in that code?

      Thanks,

      PS: Don't want to use iframe command, think it's not SEO-friendly.
      {{ DiscussionBoard.errors[10144721].message }}
  • Profile picture of the author Member8200
    You can use modal pop up, Just replace the link to become a new page.

    <a href="#openModal">Open Modal</a>

    <div id="openModal" class="modalDialog">
    <div>
    <a href="#close" title="Close" class="close">X</a>
    <h2>Modal Box</h2>
    <p>This is a sample modal box that can be created using the powers of CSS3.</p>
    <p>You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.</p>
    </div>
    </div>
    {{ DiscussionBoard.errors[10144893].message }}

Trending Topics