ramensoftware / windows-11-taskbar-styling-guide

A collection of commonly requested taskbar styling customizations for Windows 11
147 stars 12 forks source link

[Help / question / Bug] Widget part of Taskbar on Docklike mod looks different after restarting device and after re-loading mods #96

Open daflame899 opened 1 week ago

daflame899 commented 1 week ago

The widget part of the taskbar (where the weather shows up for example), when using the DockLike mod, looks a certain way after restarting the device, but when re-loading mods, it looks different. Is there a way to make it forever look like "before re-loading mods"? before_after_fixed

bbmaster123 commented 1 week ago

If I'm understanding correctly, I'd think its most likely because windows is still loading, so you see the blank widgets icon at first. Then Windhawk applies the theme to the taskbar, then the widgets button gets updated with current information after windhawk. Reloading the mod fixes this because it applies to the widgets button after all the content has loaded in.

This is unconfirmed at this point, but I think it makes sense.

What you can try, is add a delay to mod loading in advanced settings reboot, time approximately how long it takes for the widget's contents to load in, and set the delay to a bit longer than that

daflame899 commented 1 week ago

I don't really know if I am not understanding what you said or if I din't explain it correctly, I'd like it to always look like before changing settings / re-loading the mods. Is there a way to make it forever look like Before the re-loading and after modifications of settings, without having to restart the device?

daflame899 commented 1 week ago

Sorry if the words I use aren't the correct terms, or if I don't understand everything that you are saying, I'm not an expert in this field

bbmaster123 commented 1 week ago

No worries, I'll try to re explain what I said before

When windows reboots to the desktop, the widgets icon briefly looks like this: image

After a short time, it loads the information and looks like your first image. Then you reload the mod and it looks like your second image.

I'm not sure why its doing this. For me when I reboot, it looks like your second image as soon as it loads the information. I think its possible that the mod gets applied before your widgets button looks like your first image, making it apply wrong.

Please try this and let me know if it helps: in Windhawk, go to settings at the top, and in Mod initialization dialog delay add a delay in milliseconds. image here its set to 6 seconds, but feel free to adjust this to how long you think it takes for everything to finish loading before windhawk applies the theme.

Please let me know if anything needs more explanation, and if the delay helps at all

bbmaster123 commented 6 days ago

upon rereading, I think maybe I still misunderstood. please disregard the above. instead, please let me see your full mod code, and also share a log

first go to taskbar styler and go into advanced settings. copy the entire Mod Settings box and paste that here. then, follow these instructions to capture a log and share that here https://github.com/ramensoftware/windhawk/wiki/Troubleshooting#some-or-all-windhawk-mods-dont-work

daflame899 commented 6 days ago

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.01\"/>","controlStyles[1].styles[1]":"","controlStyles[2].target":"Grid#SystemTrayFrameGrid","controlStyles[2].styles[0]":"Margin=0,-8,-8,-8","controlStyles[2].styles[1]":"CornerRadius=21","controlStyles[2].styles[2]":"Background:=<AcrylicBrush TintColor=\"Transparent\" TintOpacity=\"0.1\" Opacity=\"1\" TintLuminosityOpacity=\"0.01\"/>","controlStyles[3].target":"","controlStyles[2].styles[3]":"","controlStyles[4].target":"","controlStyles[3].styles[0]":"","controlStyles[4].styles[0]":"","controlStyles[0].styles[3]":""}

Logs : logs.txt

bbmaster123 commented 6 days ago

thanks!

well your mod log looks fine, but I noticed your code was a little strange, it had several blank styles, and the Acrylicbrush styles didn't have the necessary backslashes in the json code, not sure why. I cleaned it up for you, and added 1 style to manually set the widgets button width, but I don't think it will fix the issue:

{
  "theme": "DockLike",
  "controlStyles[0].target": "Taskbar.TaskbarFrame#TaskbarFrame > Grid#RootGrid",
  "controlStyles[0].styles[0]": "Margin=0,4,0,4",
  "controlStyles[0].styles[1]": "CornerRadius=14",
  "controlStyles[0].styles[2]": "Background:=<AcrylicBrush TintColor=\"Transparent\" TintOpacity=\"0.1\" Opacity=\"1\" TintLuminosityOpacity=\"0.01\"/>",
  "controlStyles[1].target": "Border#OverflowFlyoutBackgroundBorder",
  "controlStyles[1].styles[0]": "Background:=<AcrylicBrush TintColor=\"Transparent\" TintOpacity=\"0.1\" Opacity=\"1\" TintLuminosityOpacity=\"0.01\"/>",
  "controlStyles[2].target": "Grid#SystemTrayFrameGrid",
  "controlStyles[2].styles[0]": "Margin=0,-8,-8,-8",
  "controlStyles[2].styles[1]": "CornerRadius=21",
  "controlStyles[3].target": "Taskbar.AugmentedEntryPointButton",
  "controlStyles[3].styles[0]": "Width=152"
}

If that doesn't help, I'd be leaning more towards this being a windows related issue