circular menu for quick access shows big squares

Configuration Help & General Discussion
,
1

I downloaded the preset of app switcher and asked chatgpt to modify the script according to my needs .....but then I have this problem .....the circles turned to this squares ....
what chatgpt gave me is this :-

async function retrieveJSON() {
  let menuItems = [];

  // Define music services and their actions (no titles at all)
  let musicApps = [
    {
      action: 'js::(async () => {runShellScript({script: "open -a Music"})})()',
      icon: 'path::/Users/mayankkaushik/Documents/Image-Line/FL Studio/Projects/Templates/my templates/icons/apple-music.png::width@@40'
    },
    {
      action: 'js::(async () => {runShellScript({script: "open -a Spotify"})})()',
      icon: 'path::/Users/mayankkaushik/Documents/Image-Line/FL Studio/Projects/Templates/my templates/icons/spotify.png::width@@40'
    },
    {
      action: 'js::(async () => {runShellScript({script: "open \\"https://soundcloud.com/recipesofromiyo\\" "})})()',
      icon: 'path::/Users/mayankkaushik/Documents/Image-Line/FL Studio/Projects/Templates/my templates/icons/soundcloud.png::width@@40'
    }
  ];

  // Define FL Studio templates (no titles at all)
  let templates = [
    {
      action: 'js::(async () => {runShellScript({script: "open \\"/Users/mayankkaushik/Documents/Image-Line/FL Studio/Projects/Templates/my templates/Main_template.flp\\" "})})()',
      icon: 'path::/Users/mayankkaushik/Documents/Image-Line/FL Studio/Projects/Templates/my templates/icons/Main_template.png::width@@40'
    },
    {
      action: 'js::(async () => {runShellScript({script: "open \\"/Users/mayankkaushik/Documents/Image-Line/FL Studio/Projects/Templates/my templates/Empty.flp\\" "})})()',
      icon: 'path::/Users/mayankkaushik/Documents/Image-Line/FL Studio/Projects/Templates/my templates/icons/Empty.png::width@@40'
    }
  ];

  // Combine both lists
  menuItems = [...musicApps, ...templates];

  // Return the JSON output for BTT
  return JSON.stringify(menuItems);
}
2

chatgpt can not really do this on its own, it just doesn't have the required info it would need at the moment.

The script you posted doesn't contain styling info for the items, for floating menu items it's best to configure one template item in the style you want (in BTT's UI) and then copy the UUID of that item (right-click => copy uuid)

For example:

 {
     templateItemUUID: "1D974882-9376-4B09-81FC-E427F79CBD25",
      action: 'js::(async () => {runShellScript({script: "open -a Music"})})()',
      icon: 'path::/Users/mayankkaushik/Documents/Image-Line/FL Studio/Projects/Templates/my templates/icons/apple-music.png::width@@40'
    },
1 Like
3

sorry ...I have zero idea about these codes and stuffs ....

I wish I could get a whole script corrected and then just paste it ...like I did with chatgpt...

but hey, thanks Andreas ....I asked chatgpt to make another script and I pasted the uuid of circle there ...

works perfectly

thanks for this app man ...love better touch tool

4

is there any way ....the icon can be made bigger ...they are too small for me