Need a special offer?Find out if your project fits.
+

Fullscreen button

Answered
Bilguun asked on January 10, 2020

Hello Dear Flexmonster team,
How can i show fullscreen button mobile devices
Thnaks

4 answers

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster January 10, 2020

Hello,
 
Thank you for reaching out to us.
 
The desired result can be achieved through customizing the Toolbar.
 
The customization function has to look similar to the following:

function customizeToolbar(toolbar) {
    var tabs = toolbar.getTabs();
    toolbar.getTabs = function () {
        for(var tab of tabs)
            if(tab.id != undefined && tab.id == 'fm-tab-fullscreen')
                tab.mobile = true;
    return tabs;
    }
}

 
The function has to be entailed by the beforetoolbarcreated event in the following way:

beforetoolbarcreated: customizeToolbar

 
More information about how to customize the Toolbar: the Toolbar customization.
More about the beforetoolbarcreated event by the link.
 
We hope it works for you.
 
Feel free to contact us in case any additional questions occur.
 
Best regards,
Illia

Public
Bilguun March 23, 2020

Hello, Illia 
I need little more help with this hide menu button FYI when i clicked button it's work only css i need more deep solution if its possible toolbar show/hide works behind scene from object remove toolbar or add toolbar something like this, Why css display:none, display:block isn't work properly i decided  make like this fiddle https://jsfiddle.net/bbilguun/60vg23wp/42/ when i click T button under pivot there is gap between movable grid and pivot
Thank you, Excuse my poor english
 

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster March 23, 2020

Hello,
 
Thank you for reaching out to us.
 
We would like to kindly explain that the problem you are facing is due to the specific way the component is rendered on the page. In order to make it work as expected, we suggest redraw the pivot every time the state of the Toolbar is changed. It is achievable using the refresh API provided by Flexmonster.
 
Please check out an example we have prepared for you.
 
More information about the refresh method can be found in our documentation.
 
Do not hesitate to contact us in case additional questions occur.
 
Best regards,
Illia

Public
Bilguun March 24, 2020

Thank you Illia it's awesome.

Please login or Register to Submit Answer