I was wondering if there were any online resources to creating a fullscreen modal without using Bootstrap. I'd like to learn how to implement this myself. The full effect would be a scrollable overlay for a projects section so if the user wants to view more of a project they can click on the image and a fullscreen box overlays the current page with the ability to close when done.
I think, this animatedModal will handle it.
http://joaopereirawd.github.io/animatedModal.js/
Related
I want to add to the site, which I've created in Mobirise bootstrap builder a popping out window, so my customers could contact me any time they want. not looking for form on the site.
Mobirise builder is really awesome but it doesn't have enough options. You can add to code editor this https://www.quackit.com/html/codes/html_popup_window_code.cfm
The location of this window would depend upon the code. Could you please show it here.
How to implement a navigation bar like the facebook app for wp8
I want to implement a navigation bar for my wp8 app, it look like the facebook app for windows phone 8, Click on the left menu to slide profile pages ... or Swipe left to show profile page, swipe right to show friend.
My idea is host 3 pages (Profile Page, MainPage, FriendPage) on a phoneapplicationframe, when use click on the profile icon the Profile Page will be visible and the Mainpage will be margined to left ... , It is possible? How can i do it.
Any feedback will help me so much. Please help me, i'm stucked here.
Thanks you.
I've blogged about a possible solution for this, but I have to agree an usercontrol would be a better option!
http://depblog.weblogs.us/2013/07/30/facebook-like-settings-pane-with-gestures-windows-phone/
I believe it was only one single page whose width is more than the screen's width. And the default view is achieved by setting the margin or other property which is for you to findout using trial and error.
First, create a custom control/user control as design same as profile icon pressing profile page.
Then, drag it onto your main page. and set it margin properly how you want.
When you press the profile icon button. Then only you need to show it and collapse it when tapping screen.
Im using Bootstrap on a website where a page has a few modals.
Using Chrome Dev Tools i was testing the network usage and noticed that the images in the modal view are called/pre-loaded when the page loads - I guess that makes sense they are all in divs on a single page.
So my question is it possible to avoid that div from running only until the actual link to a particular modal is clicked?
Thanks.
Use $.get or $.load in the click event handler of the button to display the modal.
Note that the HTML data you load via this ajax technique must be in the right bootstrap modal template.
See this gist here
Take a look at the signup section over here:
http://www.istockphoto.com/istock_login
Can you explain me please how can that moving box have been created?
Thank you
I believe if what your talking about is the box that shows up when you click on the login but, that is called lightbox. It's Javascript & Jquery that gets whatever content you want and makes a "frame" that overlays the rest of your page. There are lots of pre-made plugins witch if you want to replicate that effect I would sugest you to use because they are simple and easy.
http://www.fancybox.net/
http://www.lightbox.com.br/
http://www.lokeshdhakar.com/projects/lightbox2/
http://jquery.com/demo/thickbox/
http://www.shadowbox-js.com/
On the twitter home page (not logged in), there a scrolling text in the middle below the logo. How is this accomplished? It stops scrolling when mouseover and also has a popup dialog on relevant text.
Thanks,
Mike
There is a jQuery marquee plugin that will give you a good head start. It shouldn't be difficult to build the tooltip stuff on top of that.
There are many ways you could accomplish it, but I imagine its using Ajax to fill an HTML div with the results of a call to Twitter's Services. Its then probably using JQuery to scroll the div, as well as display those fancy tooltips.
I just looked at this in Firebug.
The topics are being loaded via JSON and the Twitter API and then they are calling fronts.js (http://a2.twimg.com/a/1272578449/javascripts/fronts.js) in association with jQuery.