I have a rather nice jsx file that creates mixed inks swatches. It pops a ui that lets users select what sheet size, swatch shape, swatch size, starting color, ending color, increment steps, etc.
I am new to html etc. and need to figure out how to pass all the ui selections to the jsx script that I have.
Thank you kindly,
Related
I want to build a component, based on InputGroup, with a button that should open a selection. Something more o less like this (please, ignore black border):
When InputGroup p:button A (label '=') is clicked, it opens a p:selectOneButton B, so I can change A value based on B selection.
I have a basic functional script, it can be enhanced, but the simple behavior is accomplished, please fill free to make any improvements/suggestions:
function changeSelectedFilter(evtTarget, tgtButton) {
const op = evtTarget.getJQ().find(':checked').val();
const A = PrimeFaces.getWidgetById(tgtButton);
A.value = op;
A.getJQ().children().text(op);
}
My major issue is with components usage and placement. I'm working with a p:tooltip for now, but it's not what I want, do you have any clues in how to hide/show B correctly placed above A and centered, so it looks like it is been expanded?
With accessibility concerns, this could not be a good approach, and p:menuButton/p:splitButton would be much better, but I want a simple button with just an icon (not default chevron down) and no text...
Here a comparison with p:splitButton and p:menuButton, with desired max-width:
Context: this is a numeric filter component added to columns in p:dataTable, this component current implementation uses a separated p:input and p:selectOneButton, but in 2 lines, so an overlay could optimize space.
Any suggestion with others components will be welcomed too!
Thanks!
I'm following the example for changing dataTable font colors from this answer: How to change shiny app dataTableOutput font color and auxiliary table element color?
However, I have multiple tables on the same page, and that code affects every table on the page, even if it isn't specified until the final table (which makes sense given that it's css and applies to all the matching elements).
How can I specifically target an individual table? I see that the tables have ID's when I use Selector Gadget, starting from 1 through n in order of appearance (this order won't change, so it can be hardcoded), but I have been unable to find how to specify the css for a specific, individual table.
Okay what I am aiming for is a way to set the background color of a QGroupBox without overwriting any other styles that might be set on that object before.
Intuitively I'd use a QPalette for doing this but since my application is using stylesheets, I can't use palettes (using them just has no effect whatsoever).
Thus I am left with setting the background color via stylesheets. If the only style I want to set this was the background color, that'd be easy:
myBox->setStyleSheet("background-color: red;");
This however will overwrite all stylesheets that have been set on myBox before this call. In my case I am setting the font-size at a different place but on the same object and also via stylesheets.
So the next idea is to append to the existing stylesheet like this:
myBox->setStyleSheet(myBox->styleSheet() + " background-color: red;");
That's working so far, but the problem is that I want to change the background color rather frequently (not only once or twice) and while using the above method for the successive color changes (provided I append to the the stylesheet instead of prepending to it), it makes the stylesheet continually grow larger and larger. Furthermore I'd eventually be setting the background color hundreds of times in one and the same stylesheet just so I can have the currently active color as the final value. Parsing this seems like a huge waste of computational resources.
I am therefore looking for a way to change the background color of my box only. The method must preserve all attributes that are currently set in a stylesheet on my object (except the background color of course) and should not make the stylesheet grow to infinity without actually adding new information to it. And ideally the solution is not cascading the background color to children of my box.
How is something like this usually handled within Qt?
A possible solution that I could come up with would be to create a wrapper around the QGroupBox and introduce the style attributes I want to set on it as member variables and then creating the stylesheet based on the values of the member variables each time any of them changes.
This seems like a solution that doesn't scale very well and to me it seems like there should be a standard solution to this that doesn't require manually creating such wrappers every time...
You can have a selector like on CSS, example below:
QGroupBox { background-color: #fbca10;}
Or if you want more specific you can have the accessibleName as the selector also, example:
QGroupBox[accessibleName="mybox"] { background-color: #fbca10;}
the accessibleName is property on QWidget. You can set it on qt designer or by code.
I'm working with the Nebula Theme and i need to change the color of the active text. With the default theme, the letters of an 'a' tag or others active tags turn to Blue. I need turn to green color.
How can i edit the theme colors?
According to the Nebular menu documentation you can set your own color variables for a lot of different cases, including element states. In your particular case, you need to set the value of the variable menu-item-icon-active-color and menu-item-active-text-color to the color you would like.
Since you are using ngx-admin, you can open the file src/app/#theme/styles/themes.scss and add the following line in the first nb-register-theme block:
$nb-themes: nb-register-theme((
menu-item-icon-active-color: green,
menu-item-active-text-color: green //this is what you need to add
.. //rest of the variables
..
I am a newbie in Appery. Can some one tell me the steps to set custom color for a Button component using CSS.
all Appery Buttons are set by CSS, so you have three options
you can choose one of the drop downs when you select the button called Swatch by picking a letter you can select the precoded colors from the drop down based on the theme you are using.
you can create a new css sub sheet and just assign a specific value a color or a specific group of items (all buttons) a color
(I WOULD NOT ADVISE THIS) you can edit the general css sheet for the theme.