Solved

Modal message problem

Posted on 2011-03-25
7
306 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
7 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 30

Accepted Solution

by:
MlandaT earned 500 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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
This article discusses how to create an extensible mechanism for linked drop downs.
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…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

932 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

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now