Toolbar Location Tabular Report

[CarbonArchitect]

I would like to move the toolbar (with the download, bulk edit buttons etc.) on a tabular DataPage report to the bottom of the table/page.

Any help appreciated!

[Vitalikssssss]

Hi @CarbonArchitect,

It is possible to place top menu bar with a help of JS code snippet from below:

        <script type="text/javascript">

            function movePA(event) {
            
                var pa = document.querySelector("table[id^='PageActionsCtnr']");
                var nb = document.querySelector("table[id^='NavigationTableBottom']");

                nb.parentNode.insertBefore(pa, nb.nextSibling);
            
            }

            document.addEventListener('DataPageReady', movePA);
            </script>

Place above code into Datapage footer (ResultSet section). 

Make sure you you disable HTML editor.

Hope this helps.

Regards,

vitalikssssss

 

[CarbonArchitect]

Hi Vitaliks, thanks very much for your reply. Unfortunately nothing is happening when I put this in and I have tried it with a few datapages.  I've disabled the HTML editor for the header and footer. Could it be that some code in my header is interfering with it?

[Vitalikssssss]

Hi @CarbonArchitect,

Do you have any other custom code in this Datapage? 

Did you try checking code on direct URL? Do you see any errors in browser console (F12)?

You may find attached copy of my Datapage which works fine.

Regards,

Vitalikssssss

CaspioData_2019-Oct-23_1044.zip

[CarbonArchitect]

I've managed to get it working on some datapages but am still troubleshooting as to why it doesn't work on others. It doesn't work on one of them when the sticky header row is enabled but disabling this with others doesn't help so there must be a couple of things. When I find out more I will post again!