We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Angular directive for properties

Hello, can i use angular directive for setting properties (paneSize, maxSize, minSize) in my html?

Best regards

1 Reply

GS Gobalakrishnan S Syncfusion Team August 4, 2015 01:01 PM UTC

Hi Desfero,

Thanks for using Syncfusion products.

We need to define the mentioned properties as object in the angular scope and assign that variable as the value of the “e-properties” API of the splitter control. Please refer the below code snippet.

<div id="outterSpliter" ej-splitter e-height="Height" e-width="Width" e-properties="prop">


                           <div class="cont"> Pane 1 </div>                        



                            <div class="cont"> Pane 2 </div>



angular.module('splitterApp', ['ejangular']).controller('SplitCtrl', function ($scope) {

            $scope.Width = "401";

            $scope.Height = "250";

            $scope.prop = [{ paneSize: 80,minSize:50,maxSize:150 }]


For your convenience we have prepared an example sample using JS playglound, please check with it.


Please let us know if you have further queries.


Gobalakrishnan S

Live Chat Icon For mobile
Up arrow icon