After updating my app from version 20 to 34 of ckeditor5, I noticed that the background color went from white to matching the background color on the page. Which is not what I desire. I have tried using CSS selectors to some the ck- classes but have not had any luck.
What is the proper method to change the background color back to white?
Related
I create website using Nextjs. How I can make text color changing like the navbar at the bottom on this website - https://www.fuoripista.it/it/bike/
Will be good if there are some ready library for this on react.
I need to check video color from light to dark and change text upper video - white/black.
If it's the same video then you can't the color based on background. Because react cannot detect what's happening inside your videos.
If there are multiple videos or pages. You can pass a prop that tells your text component to change color when this page or video appears.
My CN1 app features a FloatingActionButton. I need to change its background color. My styles are all defined in CSS. So this one is :
FAB {
background-color: #80ccc4;
}
And if I create the FAB like FloatingActionButton.createFAB(FontImage.MATERIAL_POWER_SETTINGS_NEW, "FAB"); it results in a FloatingActionButton with an added "hyphen" on top of it :
On the contrary if I create the FAB without providing a style and then programmatically set the background color like fab.getAllStyles().setBgColor(0x80ccc4); then I get the expected FAB :
So what should I set in the css file to remove this unwanted "hyphen" ?
Any help appreciated!
You are styling FAB and not FloatingActionButton which is the right UIID for that. If you used setUIID that might be problematic on a FAB as the content is set later.
The reason this is happening is a bit of a problem with CSS. We get the background color of the FAB from the RoundBorder but transparency should be 0 for the icon in the center.
Unfortunately in CSS you can't express both a background color and 0 background transparency. I don't think this is solvable in the CSS so I'll add a special case to the FloatingActionButton that should workaround this.
I just started building my first App with Codename One and I'm having quite some trouble. :-)
I cant change the background color of a TextField, I changed everything in the Theme and named it "TextField". At the Color tab I changed the background color and set Transparency to 255. Since the Component is named TextField, shouldnt the style be applied automatically when I make a new TextField?
I also tried to set the UIID manually to "TextField", which didn't help either.
Am I missing something?
Kind regards,
Max
The way backgrounds work in Codename One is this:
Border is applied first
Then image
Then gradient
Then color
TextField and other components such as Button etc. often have a default border derived from the theme.
Switch to the Border tab, click derive then click the ... button and select empty.
I'm using the 'Blue Flat' theme in a cn1 project, and the checkboxes in a MultiButton component (I suppose following the Button text color) are completely white, making them invisible on a white background. I've tried changing their foreground color in the theme (in the GUI Builder theme tab), I tried replacing the theme files with checkboxes of a darker shade, but nothing seems to affect it.
How can I make the MultiButton checkbox a different color?
The blue theme customizes the checkbox image theme constant which you can remove at which case it should derive theme colors:
https://www.codenameone.com/manual/advanced-theming.html#_theme_constants
Just select the constants tab in the theme and remove the ones relevant to the checkbox.
I am currently working in the C# windows application with DevExpress controls.
Now I want to change back color of bar button item while loading the form.
I've tried following code:
barButton.Appearance.BackColor = Color.Red;
but the bar button back color not changed to red.
By default, bars use the skins to draw their content. In this case, all background colors are provided by specific skin elements, which cannot be changed. The only way to change a specific item's background color is to disable skins:
put the BarAndDockingController component onto a form, and assign it to the BarManager.Controller property. Set BarAndDockingController.PaintStyleName or LookAndFeel to any non-skin style(for example "Flat"). Then use the Bar.Appearance.BackColor property to set the desired color.
Alternatively, you can create your own custom barItem in a way similar to the one described in the How to change the background color of highlighted links KB article.