Icons, what is going on?

[Kaemer1645]

This is the structure of the example QMainWindow project uploaded by you on GitHub:

C:\dev\PyqtModernUi\example\QT-PyQt-PySide-Custom-Widgets\examples\PySide6\QMainWindow> rptree
.\
├── Qss\
│   ├── icons\
│   │   ├── arrow-down-left.svg
│   │   ├── github.svg
│   │   ├── maximize-2.svg
│   │   ├── minimize-2.svg
│   │   └── x.svg
│   └── scss\
│       ├── _styles.scss
│       ├── _variables.scss
│       ├── defaultStyle.scss
│       └── main.scss
├── generated-files\
│   ├── css\
│   │   └── main.css
│   └── json\
├── logs\
│   └── custom_widgets.log
├── icons.qrc
├── icons_rc.py
├── interface.ui
├── main.py
├── style.json
└── ui_interface.py

I moved and deleted the default QMainWindow/icons folder to QMainWindow/Qss/icons because your package always seems to look for icons there. However, when I copy and paste the icon path from Qt Designer like this: :/icons/Qss/icons/github.svg into style.json, it creates confusion.

The path :/icons/Qss/icons/minimize-2.svg does not work; instead, I get an error: "path doesn't exist" and "qt.svg: Cannot open file 'C:/dev/PyqtModernUi/example/QT-PyQt-PySide-Custom-Widgets/examples/PySide6/QMainWindow/Qss/icons/Qss/icons/maximize-2.svg', because: System cannot find the specified path."

On the other hand, this type of path works properly: :icons/Qss/icons/minimize-2.svg.

What am I doing wrong? Could someone please explain why this is happening?

Is there any posibilities to use my own icons without using and creating qss/icons folder?

Style.json look like this

{
    "QMainWindow": [
		{
			"tittle":"My New Tittle",
			"icon":":icons/Qss/icons/github.svg",
			"frameless": true,
			"transluscentBg": true,
			"sizeGrip": "size_grip",
			"shadow":[
				{
					"color": "#fff",
					"blurRadius": 20,
					"xOffset": 0,
					"yOffset": 0,
					"centralWidget": "centralwidget"
				}
			],
			"navigation":[
				{
					"minimize":"minimize_window_button",
					"close": "close_window_button",
					"restore":[
						{	
							"buttonName": "restore_window_button",
							"normalIcon": ":icons/Qss/icons/maximize-2.svg",
							"maximizedIcon": ":icons/Qss/icons/minimize-2.svg"
						}
					],
					"moveWindow": "header_widget",
					"tittleBar": "header_widget"
				}
			]
		}
	],
	
	
	"QSettings": [
        {
            "ThemeSettings": [
                {
                    "CustomTheme": [
                        {
                            "Background-color": "#00FF00",
                            "Text-color": "#000",
                            "Accent-color": "#40a6e2",
                            "Theme-name": "Default-Light",
                            "Icons-color": "#8393a3",
                            "Default-Theme": false,
							"Create-icons": false
                        },
                        {
                            "Background-color": "#283a4d",
                            "Text-color": "#fff",
                            "Accent-color": "#40a6e2",
                            "Theme-name": "Default-Dark",
                            "Icons-color": "#8393a3",
                            "Default-Theme": false,
							"Create-icons": false
                        }
                    ]
                }
            ],
            "AppSettings": {
                "OrginizationName": "QT Settings Session abab",
                "ApplicationName": "QT Settings Session Company abab",
                "OrginizationDormain": "QT Settings Session.org abab"
            }
        }
    ]
	
	
}

and icons.qrc

<RCC>
  <qresource prefix="icons">
    <file>Qss/icons/arrow-down-left.svg</file>
    <file>Qss/icons/github.svg</file>
    <file>Qss/icons/maximize-2.svg</file>
    <file>Qss/icons/minimize-2.svg</file>
    <file>Qss/icons/x.svg</file>
  </qresource>
</RCC>

[ariefdjauhari]

Hi bro.. just had the problems, and it solved by writing full path in style.json, just write the full path to the icon folder

[KhamisiKibet]

Yes, create a separate .qrc file

…

On Wed, 9 Oct 2024 at 11:33, Kaemer1645 ***@***.***> wrote: This is the structure of the example QMainWindow project uploaded by you on GitHub: C:\dev\PyqtModernUi\example\QT-PyQt-PySide-Custom-Widgets\examples\PySide6\QMainWindow> rptree .\ ├── Qss\ │ ├── icons\ │ │ ├── arrow-down-left.svg │ │ ├── github.svg │ │ ├── maximize-2.svg │ │ ├── minimize-2.svg │ │ └── x.svg │ └── scss\ │ ├── _styles.scss │ ├── _variables.scss │ ├── defaultStyle.scss │ └── main.scss ├── generated-files\ │ ├── css\ │ │ └── main.css │ └── json\ ├── logs\ │ └── custom_widgets.log ├── icons.qrc ├── icons_rc.py ├── interface.ui ├── main.py ├── style.json └── ui_interface.py I moved and deleted the default QMainWindow/icons folder to QMainWindow/Qss/icons because your package always seems to look for icons there. However, when I copy and paste the icon path from Qt Designer like this: :/icons/Qss/icons/github.svg into style.json, it creates confusion. The path :/icons/Qss/icons/minimize-2.svg does not work; instead, I get an error: "path doesn't exist" and "qt.svg: Cannot open file 'C:/dev/PyqtModernUi/example/QT-PyQt-PySide-Custom-Widgets/examples/PySide6/QMainWindow/Qss/icons/Qss/icons/maximize-2.svg', because: System cannot find the specified path." On the other hand, this type of path works properly: :icons/Qss/icons/minimize-2.svg. What am I doing wrong? Could someone please explain why this is happening? Is there any posibilities to use my own icons without using and creating qss/icons folder? — Reply to this email directly, view it on GitHub <#120>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ATSYXNI3NLZDAP5J2D52XXDZ2TS53AVCNFSM6AAAAABPT7FXUCVHI2DSMVQWIX3LMV43ASLTON2WKOZSGU3TKMRQGU4TEOA> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[ariefdjauhari]

Hi KhamisiKibet/QT-PyQt-PySide-Custom-Widgets I saw that Custom Widget is using libcairo2 and i tried to install on my windows11 but still not working, could you give me guidance how to install libcairo2 on windows11 ? Arief On Wed, Jan 1, 2025 at 12:12 AM Khamisi Kibet ***@***.***> wrote:

…

Yes, create a separate .qrc file On Wed, 9 Oct 2024 at 11:33, Kaemer1645 ***@***.***> wrote: > This is the structure of the example QMainWindow project uploaded by you > on GitHub: > > C:\dev\PyqtModernUi\example\QT-PyQt-PySide-Custom-Widgets\examples\PySide6\QMainWindow> rptree > .\ > ├── Qss\ > │ ├── icons\ > │ │ ├── arrow-down-left.svg > │ │ ├── github.svg > │ │ ├── maximize-2.svg > │ │ ├── minimize-2.svg > │ │ └── x.svg > │ └── scss\ > │ ├── _styles.scss > │ ├── _variables.scss > │ ├── defaultStyle.scss > │ └── main.scss > ├── generated-files\ > │ ├── css\ > │ │ └── main.css > │ └── json\ > ├── logs\ > │ └── custom_widgets.log > ├── icons.qrc > ├── icons_rc.py > ├── interface.ui > ├── main.py > ├── style.json > └── ui_interface.py > > I moved and deleted the default QMainWindow/icons folder to > QMainWindow/Qss/icons because your package always seems to look for icons > there. However, when I copy and paste the icon path from Qt Designer like > this: :/icons/Qss/icons/github.svg into style.json, it creates confusion. > > The path :/icons/Qss/icons/minimize-2.svg does not work; instead, I get an > error: "path doesn't exist" and "qt.svg: Cannot open file > 'C:/dev/PyqtModernUi/example/QT-PyQt-PySide-Custom-Widgets/examples/PySide6/QMainWindow/Qss/icons/Qss/icons/maximize-2.svg', > because: System cannot find the specified path." > > On the other hand, this type of path works properly: > :icons/Qss/icons/minimize-2.svg. > > What am I doing wrong? Could someone please explain why this is happening? > > Is there any posibilities to use my own icons without using and creating > qss/icons folder? > > — > Reply to this email directly, view it on GitHub > < #120>, > or unsubscribe > < https://github.com/notifications/unsubscribe-auth/ATSYXNI3NLZDAP5J2D52XXDZ2TS53AVCNFSM6AAAAABPT7FXUCVHI2DSMVQWIX3LMV43ASLTON2WKOZSGU3TKMRQGU4TEOA> > . > You are receiving this because you are subscribed to this thread.Message > ID: ***@***.***> > — Reply to this email directly, view it on GitHub <#120 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AHUYYILISRWYRB4NXAJHLTL2ILF7JAVCNFSM6AAAAABPT7FXUCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDKNRWGYYDCMBVG4> . You are receiving this because you commented.Message ID: ***@***.*** com>

[Kaemer1645]

I found that setting the following paths resolved the problem:

"navigation": [
    {
        "minimize": "minimize_window_button",
        "close": "close_window_button",
        "restore": [
            {
                "buttonName": "restore_window_button",
                "normalIcon": "Qss/icons/icons/feather/maximize-2.png",
                "maximizedIcon": "Qss/icons/icons/feather/minimize-2.png"
            }
        ],
        "moveWindow": "header_widget",
        "tittleBar": "header_widget"
    }
]

Additionally, I compiled all .ui files using:

Custom_Widgets --convert-ui ui --qt-library PySide6

I am also utilizing the automatically generated file by the library:

..\Qss\icons\_icons.qrc