[Help / question] Make widget seperate on docklike mod

[daflame899]

Is there a way to put this widget in the left corner (seperating it from the taskbar)?

[bbmaster123]

yes it can be done, but its not perfect. I recommend reading through this thread where I had helped another user to do this.

[daflame899]

yes it can be done, but its not perfect. I recommend reading through this thread where I had helped another user to do this.

I pasted the code from there in advanced mod settings but it didn't work, I'm not sure if I did it wrong but what I've tried doesn't seem to work

[bbmaster123]

I'm not sure if I did it wrong

I don't know either, its hard to help without knowing what you've tried! :)

It should be as simple as copying the whole code from here and replacing everything already in the mod settings box. There shouldn't be any json error messages when you click save.

If you need help combining what you have already with the new code, share what you have here and I'll be happy to help with that :)

[daflame899]

It says "404 There is not the page you are looking for"

I'm not sure if I did it wrong

I don't know either, its hard to help without knowing what you've tried! :)

It should be as simple as copying the whole code from here and replacing everything already in the mod settings box. There shouldn't be any json error messages when you click save.

If you need help combining what you have already with the new code, share what you have here and I'll be happy to help with that :)

[daflame899]

Here are my settings without any additional code pasted in :
Target
Taskbar.TaskbarFrame#TaskbarFrame > Grid#RootGrid
Styles
Margin=0,4,0,4
CornerRadius=14
Background:=
Target
Border#OverflowFlyoutBackgroundBorder
Styles
Target
Grid#SystemTrayFrameGrid
Styles
Margin=0,4,4,4
CornerRadius=14
Background:=
BorderBrush=#4C5887
BorderThickness=1
Target
Grid#RootGrid
Styles
BorderBrush=#8490BD
BorderThickness=1

Advanced mod settings :
{"theme":"DockLike","controlStyles[0].target":"Taskbar.TaskbarFrame#TaskbarFrame > Grid#RootGrid","controlStyles[0].styles[0]":"Margin=0,4,0,4","resourceVariables[0].variableKey":"","resourceVariables[0].value":"","controlStyles[0].styles[1]":"CornerRadius=14","controlStyles[1].target":"Border#OverflowFlyoutBackgroundBorder","controlStyles[1].styles[0]":"","controlStyles[0].styles[2]":"Background:=<AcrylicBrush TintColor="Transparent" TintOpacity="0.1" Opacity="1" TintLuminosityOpacity="0.05"/>","controlStyles[1].styles[1]":"","controlStyles[2].target":"Grid#SystemTrayFrameGrid","controlStyles[2].styles[0]":"Margin=0,4,4,4","controlStyles[2].styles[1]":"CornerRadius=14","controlStyles[2].styles[2]":"Background:=<AcrylicBrush TintColor="Transparent" TintOpacity="0.1" Opacity="1" TintLuminosityOpacity="0.05"/>","controlStyles[3].target":"Grid#RootGrid","controlStyles[2].styles[3]":"BorderBrush=#4C5887","controlStyles[4].target":"","controlStyles[3].styles[0]":"BorderBrush=#8490BD","controlStyles[4].styles[0]":"","controlStyles[0].styles[3]":"","controlStyles[3].styles[1]":"BorderThickness=1","controlStyles[2].styles[4]":"BorderThickness=1"}

[bbmaster123]

I ran out of time, but I can come back to this later

Here's what I have for you so far, you will probably need to adjust the margins

{
  "theme": "",
  "controlStyles[0].target": "Grid#RootGrid > Taskbar.TaskbarBackground > Grid",
  "controlStyles[0].styles[0]": "Margin=800,4,800,4",
  "controlStyles[0].styles[1]": "CornerRadius=14",
  "controlStyles[0].styles[2]": "Background:=<AcrylicBrush TintColor=\"Transparent\" TintOpacity=\"0.1\" Opacity=\"1\" TintLuminosityOpacity=\"0.05\"/>",
  "controlStyles[1].target": "Grid#SystemTrayFrameGrid",
  "controlStyles[1].styles[0]": "Margin=0,4,4,4",
  "controlStyles[1].styles[1]": "CornerRadius=14",
  "controlStyles[1].styles[2]": "Background:=",
  "controlStyles[1].styles[3]": "BorderBrush=#4C5887",
  "controlStyles[1].styles[4]": "BorderThickness=1",
  "controlStyles[2].target": "Taskbar.AugmentedEntryPointButton#AugmentedEntryPointButton > Taskbar.TaskListButtonPanel#ExperienceToggleButtonRootPanel > Border#BackgroundElement",
  "controlStyles[2].styles[0]": "Background:=<AcrylicBrush TintColor=\"Transparent\" TintOpacity=\"0.1\" Opacity=\"1\" TintLuminosityOpacity=\"0.05\" FallbackColor=\"{ThemeResource SystemChromeLowColor}\" />",
  "controlStyles[0].styles[3]": "BorderBrush=#8490BD",
  "controlStyles[0].styles[4]": "BorderThickness=1"
}

On the bright side, I fixed the issue of the widgets button moving around when opening/closing windows