?
Solved

Modal message problem

Posted on 2011-03-25
7
Medium Priority
?
349 Views
Last Modified: 2013-11-19
Hello,

how could i add scroll (if the data inside is bigger than the screen) to this modal :
http://www.dhtmlgoodies.com/index.html?whichScript=modal-message

Thank you
0
Comment
Question by:teodor birca
5 Comments
 
LVL 10

Expert Comment

by:aboo_s
ID: 35213433
Now altough I am almost sure that this modal gives you a way of doing this and for this you should read the manual or something, but anyhow since you could specify an external html file to be the content of your modal, well then this solves it, because you can set the scrolling functionality right from you html file, you have to consider the dimensions of course of both your modal and your html source!
0
 
LVL 3

Author Comment

by:teodor birca
ID: 35219163
thank you but this won't help me .
If i had the possibility to use a iframe i didn't used anymore this sample.

Thanks
0
 
LVL 15

Expert Comment

by:crisco96
ID: 35417830
If at all possible it may be easier to use a jquery dialog: http://docs.jquery.com/UI/Dialog. It's very customizable and I know it will automatically add scroll bars if the content is larger than the dialog. Also for information on how to load an external html file into the dialog (which you may be doing, I'm not sure) look at: http://forum.jquery.com/topic/loading-existing-html-pages-into-a-jquery-dialog-window
0
 
LVL 31

Accepted Solution

by:
MlandaT earned 2000 total points
ID: 35418237
This renders as a DIV with class="modalDialog_contentDiv". You could perhaps try adding this CSS to the page:
div.modalDialog_contentDiv {overflow:scroll;}

Open in new window

0
 
LVL 3

Author Closing Comment

by:teodor birca
ID: 35419397
thank you,
Exactly what i wanted
0

Featured Post

[Webinar] Cloud and Mobile-First Strategy

Maybe you’ve fully adopted the cloud since the beginning. Or maybe you started with on-prem resources but are pursuing a “cloud and mobile first” strategy. Getting to that end state has its challenges. Discover how to build out a 100% cloud and mobile IT strategy in this webinar.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
Ready to get certified? Check out some courses that help you prepare for third-party exams.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Suggested Courses

850 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question