jquery - How to implement Collapse/Expand in LightSwitch 2013? -

i'm building project in lightswitch 2013 on visual studio 2013.

i have 2 dialog screen: 1. view details (dialog screen mode) 2. edit details (dialog screen mode)

view screen navigates edit screen , edit screen returns view screen (view --> edit --> view). i'm using following code change dialog screen width , height:

$('div[class~="msls-dialog-frame"]').css('maxwidth', '50%'); $('div[class~="msls-dialog-inner-frame"]').css('maxheight', '100%'); 

this code in main group post render.

my problem is: when navigate edit screen view screen, view screen show supposed to, shows 1 button without rest of elements supposed displayed.

this bug occurs because i'm using code above.

anybody have idea?

thanks.

fortunately 1 easy fix.

you need include screen element in jquery selector.

e.g:

$('div[class~="msls-dialog-frame"]', element).css('maxwidth', '50%'); $('div[class~="msls-dialog-inner-frame"]', element).css('maxheight', '100%');