search

fabiobiondi / angular-fullscreen

AngularJS HTML5 Fullscreen
214 stars 107 forks source link

make subelement go fullscreen #41

Open rares-lupascu opened 9 years ago

rares-lupascu commented 9 years ago

Hi everyone,

so my full code is this:

<div class="panel-heading"> <h4 class="panel-title"> <a href="" class="accordion-toggle" ng-click="toggleOpen()" accordion-transclude="heading"> <div ng-click="" class="pull-left ng-binding ng-scope">aaa</div> <button type="button" class="btn btn-default pull-right ng-scope" aria-label="Left Align" ng-click="$event.preventDefault(); $event.stopPropagation();"> <span class="glyphicon glyphicon-resize-full" aria-hidden="true"></span> </button> < div class="clearfix ng-scope"></div> </a> </h4> </div> <div class="panel-collapse collapse in" collapse="!isOpen" style="height: auto;"> <div class="panel-body" ng-transclude=""> <accordion-heading class="ng-scope"></accordion-heading> <div class="ng-scope" fullscreen="isFullscreen"></div> </div> `

``

there is one button in there with preventPorpagation where i want to put the function that will toggle the fullscreen .... the element i want to do fullscreen on is the the last div ... third line from the bottom

no clue on how to do this :(

thanks, Rarutu

rares-lupascu commented 9 years ago

one other question ... i have the main div with fullscreen="isFullscreen" and depending on where the user click this can open a modal window .. inside that modal window i have another div that can go into fullscreen ... so my pb is this ... when the main div is in fullscreen and the modal window gets opened, the main div goes out of fullscreen by default

i tried adding only-watched-property to the div inside the modal bur nothing changed