Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
665
Maximized the tile using button.
posted

Hi all,

I need the maximized button on in the tile manager in minimized view, right now anywhere inside the tile i click its open is it possible to click the particular button it will open?

please help me.

Thanks.

  • 2095
    posted

    Hello, Tamilmani Mohan!

    Thank you for posting in our forum!

    First, I would like to present you our help documentation for igTileManager, where you see there is a option "preventMaximizingSelector" which you should use in your scenario. As it says, its role is: "Gets/sets JQuery selector that specifies which elements will not trigger maximizing when clicked on." and its defaults value is "a, input". So if you do not change it, the inputs and anchors will not cause maximize of the tile. So what do you have to do is to redefine it - preventMaximizingSelector = "".

    Then place button into the tile through its minimize template: minimizedState: '<input type="button" value="maximize" />' , and in the end handle the click on this button. Because the click on the button and the click on the tile will cause maximizing, we will handle this event and in it we will check which is the element that causes the maximizing. If it is the button - maximizing should happen, otherwise (for all others elements in the tile, including the tile itself) we will cancel it.

    tileMaximizing: function (evt, ui) {
       var element = evt.originalEvent.target;
       if (element.tagName.toLowerCase() !== "input") {
          return false;
       }
    }

    In such a way you will be able to trigger tile maximizing only by clicking on the button, placed inside the tile.