BTT Remote iPad

Hello,

I have a question about the functionality of BTT Remote for iPad.
I am trying to configure it to use it in the style of a "Stream Deck" just like you can do with the Touch Bar.
Is there a possibility to show only configured actions and not show the volume up or brightness options?

Thank you.

1 Like

What a great idea! Curious to know what's possible in that regard.

This is a great idea.
I've got a similar question:

Had exactly the same idea this morning. Did you get it working? I can't seem to work out how to add button onto the main page, only in the side dash. It is a bug?

Note: this will soon become much easier when the new version of BTT Remote is available, which will be able to display the also upcoming customizable menus.

For now:
If you know some HTML, currently your best bet would be to use the integrated webserver in BTT.

Then you can place a simple HTML file in this folder: ~/Library/Application Support/BetterTouchTool/BTTWebServer

Then on your ipad/iphone you can just open the ip address + port in safari (even add it to your home screen) and trigger any BTT action you'd like to.

Using HTTP Requests / Webserver · GitBook (folivora.ai)

Simple example HTML (you'd need to adapt IP and port):

<html>
  <head>
    <script>
      function triggerNamedTrigger(triggerName) {
        const macIPAddress = "192.168.178.158";
        const macPort = "12345";
        fetch(
          `http://${macIPAddress}:${macPort}/trigger_named/?trigger_name=${triggerName}`
        );
      }
    </script>
    <style>
      body {
        margin: 40px;
      }

      .wrapper {
        display: grid;
        grid-template-columns: 100px 100px 100px;
        grid-gap: 10px;
        background-color: #fff;
        color: #444;
      }

      .box {
        background-color: #444;
        color: #fff;
        border-radius: 5px;
        padding: 20px;
        font-size: 150%;
      }
    </style>
  </head>
  <body>
    <div class="wrapper">
      <div class="box a" onclick="triggerNamedTrigger('actionA')">
        Trigger ActionA
      </div>
      <div class="box b" onclick="triggerNamedTrigger('actionB')">
        Trigger ActionB
      </div>
      <div class="box c" onclick="triggerNamedTrigger('actionC')">
        Trigger ActionC
      </div>
      <div class="box d" onclick="triggerNamedTrigger('actionD')">
        Trigger ActionD
      </div>
      <div class="box e" onclick="triggerNamedTrigger('actionE')">
        Trigger ActionE
      </div>
      <div class="box f" onclick="triggerNamedTrigger('actionF')">
        Trigger ActionF
      </div>
    </div>
  </body>
</html>

I've actually just managed to set it up just using the Shortcuts apps and then linking to the named triggers using what you outlined here. Use Siri to trigger BetterTouchTool actions
Working really well, Shortcuts app gives a nice button layout too on iPad.

Hi @Andreas_Hegenberg - any info on when the update to BTT remote will be? Thanks

1 Like

Current plan is end of July.

2 Likes

Fantastic news - awaiting July :slight_smile: Thanks so much!