Replace p:dialog close icon with FontAwsome icon using CSS - css

I'm using PrimeFaces 7.
I want to use p:dialog, when i use it the close of the dialog is an image (which is a default one).
I want to change it a FontAwsome icon instead of the default image.
How can I do that?

Related

Qt Designer button image change while keeping windows style?

I can change the image or any other style of a QPushButton in the designer by changing the stylesheet, but any change in the style sheet changes all the other properties.
For instance, when I change the border image everything else is changed and it does not inherit the rest of the properties from the parent (or windows style).
How can I keep the windows style while changing only the image?
From How can I set Styles to a QTabwidget without overwriting existing styles in QT ?:
A style sheet is all or nothing. so if u all apply style sheet, it
might sort of reset the look for some widgets and to fix that, you
must supply a full stylesheet.
The key parts are:
A style sheet is all or nothing.
you must supply a full stylesheet.
You can set an image for the QPushButton from the code or by using QtDesigner like this:
Select the button
In the properties window set the image and the
size (properties icon and iconSize).
Did you try set style to the single push button:
your_push_button_pointer->setStyleSheet(
"QPushButton{background-image: url(:/images/call_up.bmp);}"
"QPushButton:hover{background-image: url(:/images/call_hov.bmp);}"
"QPushButton:pressed{background-image: url(:/images/call_down.bmp);}");

Bootstrap 4: own arrow in custom select menu

I'm using the custom select menu (https://v4-alpha.getbootstrap.com/components/forms/#select-menu).
Now I want to change the arrows on the right.
I saw, that the class uses an background image to display the arrow.
But it's an strange url/svg...
Is there any way to change that image with an icon from a font?
Or at least with an other svg?

Auto-size home icon bar

I'm using an app for add video support to Wagtail: wagtail-embed-videos.
This app add a new icon in the icon bar but is not properly sized, i mean,
icon isn't in the same line, is putted in the botton.
I want icon in the same line, like this:
In order to put all icons in the same line we can change the width value; make permanent this change require recompile statics, ok.
My question is, have we make it by own hand or you can add support for more
than three icons in the icon bar?
Thank you!

Change navbar-toggle button icon when active

I`m uisng bootstrap 3, and I have a question. Is it possible to change navbar-toggle button icon when it is active, if yes, how?
Example:
You need override Bootstrap style and need to add 2 icon's one will show by default and second will show when menu is active

Adding icon to Flex color picker

I want to add an icon to the color picker component which will have the value of no color (a blank rectangle) . is ther a way to do it ?
Thanks
you can make image's of whatever you'd like as icon.
Right mouse button the src map - new - CSS file to create a new CSS file in your source map, or where you want it.
Double click the CSS file and go to design mode. Right mouse button on the stage or press the +style button on the top of the contentfield.
choose your component (colorpicker) - change the color in the right column, if you still can't get what you want press the skin button in the right column and select "image files" from the list and insert your images.
In short:
- make images of what you want
- make css file
- add css to the colorpicker component
- choose skin from right menu
- choose image files from the list
- insert the images you made
ow and don't forget to add your css file in the application.

Resources