SD Webui Tabs Extension

This is an Extension for the Automatic1111 Webui, which replaces the regular Extension layout with a Tabs layout instead.

Compatible with Forge

^{(Catppuccin Theme)}

Features

This was achieved by moving the "contents" of each Extension from the "Accordion" (the dropdown thingy) into their own separate Tab. So now you only need to switch between each tab to change the parameters, rather than scrolling all the way every single time.

When an Extension is enabled, the respective Tab button will be highlighted in the specified color* to indicate that. Additionally, you can Ctrl + Click the Tab button to quickly toggle the Extension.

Note

• This tries to find the first Checkbox with a label containing "enable" or "active" within the Extension. If one is not found, this feature will not be available for said Extension.
• For ControlNet, this only works on the first Unit. Still thinking of a better solution...

Configs

After launching the Webui with this Extension installed, it will generate a tab_configs.csv file inside the folder. You can edit this file with any text editing program (eg. Notepad) or spreadsheet program (eg. Excel) to change where each element is placed:

• entries

  • tabs entry controls where the buttons for the Tabs are placed
  • default entry controls where new Extensions should be placed
  • Scripts entry refers to the Scripts dropdown
  • Extra Options entry refers to the Settings for txt2img/img2img (if enabled in settings)
  • The rest of the entries are the names of your installed extensions

• placement

  • left side refers to under the parameters (the original location)
  • right side refers to under the generation gallery
  • above refers to above the tab buttons entry
  • below refers to below the tab buttons entry
  • hide will not show the extension
    • Mainly for extensions with always-active features
  • keep will not move the extension at all
    • Mainly for extensions with custom UIs that are not supported:

Important

This Extension only supports Extensions whose UIs are defined under either gr.Accordion or modules.ui_components.InputAccordion. If you have some exotic Extensions that like to reinvent the wheels and therefore are not showing up correctly, set it to keep instead

Important

If you edited the .csv file while the Webui is active, you should click Reload UI to apply the changes (not just refresh the browser)

• Example Config:

  	txt	img
  tabs	left	right
  default	left	right
  ar-plus	above	above
  ...	left	right
  ...	keep	keep
  ...	left	right
  Scripts	below	below

Settings

The settings are in the Tabs Extension section under the User Interface category

• Delay: This Extension moves the contents after a tiny delay to prevent breaking some references
  • If you have a slow machine, you may need to increase the delay
• Color: The CSS color used to indicate active extensions (default: GreenYellow)
• Version: Hide the version number for the Extensions (not recommended)
• Forge: Hide the "Integrated" text for the built-in Extensions
• Sort: By default, extensions are sorted based on their order of appearance (ie. The folder names or the sorting_priority variable); Enable this to sort them based on the order in the tab_configs.csv
• Toggle: Allow you to click on the button of an opened tab to hide it instead
• Scripts Toggle: Additionally allow you to Ctrl + Click on the Scripts button, to toggle the dropdown between the currently selected script and None
• RMB: Use Right Click instead of Ctrl + Click to toggle the Extensions
• Open: By default, the first extension is shown; Disable this to hide all the extensions on start up instead
• Hide Container: By default, this Extension only moves the contents and hide the Accordions, leaving the extension container untouched. When using certain themes that add margins and paddings, the container may show up as an empty block instead. If you do not have any leftover extensions in the container (ie. Those without Accordion in its UI), you can hide the entire container instead.