Community
    • Login

    Customize Toolbar - How to fix missing Plugin icons when using Fluent Icons

    Scheduled Pinned Locked Moved Notepad++ & Plugin Development
    1 Posts 1 Posters 482 Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • dave-userD
      dave-user
      last edited by

      Using the Custom Buttons feature in Customize Toolbar, it is very easy to quickly create images for plugin buttons that have no images when using Fluent Icons in Notepad++.

      The images can be specified either using ‘quick codes’ or image file names in the custom button definitions in the ‘CustomizeToolbar.btn’ file.

      QUICK CODES

      To create images for the eight ‘Compare’ plugin buttons using quick codes, add the following definitions to the ‘CustomizeToolbar.btn’ file:

      Plugins,Compare,Set as First to Compare,*B:SF,*B:SF,
      Plugins,Compare,Compare,*B:C,*B:C,
      Plugins,Compare,Clear Active Compare,*B:CA,*B:CA,
      Plugins,Compare,First,*B:<<,*B:<<|,
      Plugins,Compare,Previous,*B:<,*B:<,
      Plugins,Compare,Next,*B:>,*B:>,
      Plugins,Compare,Last,*B:>>,*B:>>,
      Plugins,Compare,Navigation Bar,*B:NB,*B:NB,

      This will create an image on each button comprising one or two letters on a solid color background. In this example, for the first button, the solid color is blue (B) and the label is “SF”. The color can be specified as a single letter (R, G, B, C, M, Y, S) or as a hex color value (#A1B2C3).

      IMAGE FILE NAMES

      To create images for the eight ‘Compare’ plugin buttons using quick codes, add the following definitions to the ‘CustomizeToolbar.btn’ file:

      Plugins,Compare,Set as First to Compare,image1.bmp,image1.ico,
      Plugins,Compare,Compare,image2.bmp,image2.ico,
      Plugins,Compare,Clear Active Compare,image3.bmp,image3.ico,
      Plugins,Compare,First,image4.bmp,image4.ico,
      Plugins,Compare,Previous,image5.bmp,image5.ico,
      Plugins,Compare,Next,image6.bmp,image6.ico,
      Plugins,Compare,Last,image7.bmp,image7.ico,
      Plugins,Compare,Navigation Bar,image8.bmp,image8.ico,

      This will create an image on each button using the referenced files. In this example, for the first button, the ‘image.bmp’ file will be used for Standard Icons and the ‘image.ico’ file will be used for Fluent Icons (both light and dark modes). It is possible to specify a different image for Fluent Icons dark mode.

      MORE HELP

      For more information, please click on the ‘Help - Overview’ and ‘Help - Custom Buttons’ menu items on the Customize Toolbar menu.

      1 Reply Last reply Reply Quote 6
      • First post
        Last post
      The Community of users of the Notepad++ text editor.
      Powered by NodeBB | Contributors