JLayout and ASP.NET Master Pages

62 views
Skip to first unread message

pbd22

unread,
Jun 30, 2010, 11:55:24 AM6/30/10
to jLayout
Hi.

Has anybody had any luck running jlayout from the context of an
ASP.NET master page? I can't get this to work.
When I run the "exact" same code from an ASPX page (in the same folder
path) it works. Is there something I don't know here?

I'll post code if you want (although as I said it works just fine from
an ASPX page in the same folder path).

Thanks,
Peter

Bram Stein

unread,
Jun 30, 2010, 3:06:36 PM6/30/10
to jla...@googlegroups.com
Hi,

I don't have much experience with ASP.net, but perhaps you could explain
what happens and post some code?

Thanks,

Bram

pbd22

unread,
Jul 1, 2010, 2:35:11 PM7/1/10
to jLayout
Hi Bram,

Thanks, I have sorted the ASP.NET problem but have a follow-up
question.

How to I tell the component to increase height if the text inside
exceeds the current height value? I have been following your simple
example for border layout and when I put a ton of text in the "center"
DIV the text flows out of the container, over the "south" container
and down the rest of the page.

I want the overall height to equal the greatest height of either east,
center, or west (pushing or pulling "south" down or up accordingly).
How do I do that?

Here is my (your) code:

<script type="text/javascript">
jQuery(function($)
{
var container = $('.layout');

function relayout() {
container.layout({resize: false});
}

relayout();

$(window).resize(relayout);

$('.north').resizable({
handles: 's',
stop: relayout
});

$('.south').resizable({
handles: 'n',
stop: relayout
});

$('.east').resizable({
handles: 'w',
stop: relayout
});

$('.west').resizable({
handles: 'e',
stop: relayout
});
});
</script>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
overflow:auto;
}

.layout {
height: 100%;
}

.center, .east, .west, .north, .south {
/*background-color: rgb(220,220,220);*/
border: 1px solid rgb(200,200,200);
text-align: center;
display: inline-block;
}

.west
{
width: 10%;
}

.east
{
width: 20%;
}

.north
{
height: 10%;
}

.south
{
height: 10%;
}

</style>

Bram Stein

unread,
Jul 4, 2010, 3:49:28 PM7/4/10
to jla...@googlegroups.com
Hi,

Please have a look at the following example, I think it does what you
intend.

http://github.com/bramstein/javascript/blob/master/src/jlayout/borderlayout-resize-fixed-and-fluid.html

Bram

hrmsautran

unread,
Aug 23, 2012, 9:21:05 PM8/23/12
to jla...@googlegroups.com
Hi, pbd22

How do you solved the problem with the master page.
Reply all
Reply to author
Forward
0 new messages