Skip to content

Instantly share code, notes, and snippets.

@scripting
Created August 6, 2013 14:39
Show Gist options
  • Save scripting/6165085 to your computer and use it in GitHub Desktop.
Save scripting/6165085 to your computer and use it in GitHub Desktop.
View text dialog
<html>
<head>
<%systemstyles%>
<script>
function showViewTextDialog () {
$("#idViewTextDialog").modal ("show");
};
</script>
<style>
body {
font-size: 24px;
font-family: Arial.
background-color: whitesmoke;
}
.divViewTextDialog .modal.fade.in {
top: 30%;
}
.divViewTextDialog .modal {
width: 800px;
left: 40%;
}
.divViewTextDialog .modal-body {
width: 800px;
padding: 0;
max-height: none;
height: 800px;
overflow-x: hidden;
overflow-y: hidden;
}
.divViewTextDialog .btn {
width: 80px;
margin-left: 5px;
}
.divViewTextDialog iframe {
width: 800px;
height: 800px;
frameborder: 0;
}
</style>
</head>
<body>
<div class="divViewTextDialog" id="idViewTextDialog">
<div class="modal-header">
<a href="#" class="close" data-dismiss="modal">&times;</a>
<h3 id="prompt">Preview</h3>
</div>
<div class="modal-body">
<textarea>123</textarea>
</div>
<div class="modal-footer">
<a href="#" class="btn btn-primary" onclick="okViewTextDialog ()">OK</a>
</div>
</div>
<script>
showViewTextDialog ();
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment