How do you style the font colors on google gantt charts - react-google-charts

I'm having the hardest time trying to figure out how to style the font colors so that it's different than the task bar. Based on my research it looks like the only thing you can really do is pass in an array of colors into options:palette where the library will rotate the colors based on the resource column assigned to the data. This changes the color of the font and the task bar, but you can't configure it differently.
Based on the google documentation https://developers.google.com/chart/interactive/docs/gallery/ganttchart you should be able to. The font part works but not the color. Looks like it gets override by the pallete color
Any advice appreciated.
Thanks
Derek

Related

pdfbox: add background color or highlight the text added using contentStream.showText

I am modifying a pdf by adding some text data. I would like to put a yellow background or highlight to the added text. I am using contentStream.showText(). Is it possible ? I thought there is some setBackGroundColor for text. Seems like its not there. I could do it by adding rectangle. Looking for some more clean implementation
Any help is really appreciated!
Prem

Filling in Hollow Area Only for Bootstrap Glyphicon

I'm using Bootstrap glyphicons for a web app and love the flexibility of being able to leverage them as fonts, since that's what they are, not graphics. However, I'm running into a challenge with the glyphicon-remove-sign icon, which has a colored circle surrounding an otherwise empty "x". I like the default look of the black surrounding the "x" and want to use it to close a rounded-cornered iframe. But, because that "x" is empty, it displays whatever is behind it:
Ideally, I'd want to have that hollow "x" be a different color like white, easy enough to do with background colors, except that creates a box around the otherwise vectored font and looks unsightly for my usage, which has multiple colors to contend with behind the icon:
The question is: is there a way to just fill in the empty space inside the hollow area of this glyphicon without this kludgy-looking box? I looked at using a clip-path with the background color, but that won't work with IE. I welcome any recommendations anyone may have for a fix here -- thanks in advance.
create a wrapper div of the glyphicon, give it border-radius as to imitate the circle streching it and then give that background color

changing background color in peoplesoft using stylesheet

I am trying to change the background of the tabs using stylesheet in peoplesoft.
But it is not reflecting the changes. The color (dark blue) is not retaining on the pages.
This has to be done in order to change the default background color (light blue) of the tabs to a dark blue color as per the client requirements.
I tried changing the color referred to the stylesheet using App designer but it is not working.
I have tried changing the style classes in P1_PTSTYLEDEF_SWAN, to change the background of the tabs but it is not reflecting any change.
Pls suggest how to do it?
Page tabs are built using a combination of CSS styles and images (for the curved corners). PeopleBooks explains how to change them. (That link is for PT 8.52, but should be equally applicable to all versions from 8.50 to 8.53. If you're developing on an older version, look up the corresponding PeopleBooks, though this link for PT 8.49 should apply to all older versions.)
To reflect your changes You may also need to clear cache and bounce the web server in Certain PeopleTools versions... till PT8.52

Background color of a Gtk.TextView - can't see selection

I successfully changed the background color of a Gtk.TextView (GTK3) with method override_background_color:
color.parse(self.settings.get_string("bgcolor"))
self.ui.NoteView.override_background_color(Gtk.StateType.NORMAL,color)
I also override the foreground color.
Unfortunatelly in that case making a selection in the text is invisible.
How can I modify the background and foreground color of a TextView without loosing the visible text selecting?
It's best to format the text in a GtkTextView by using GtkTextTags. You can apply any sort of text formatting(background & foreground colors, font, size, weight, etc..) to any portion of the text.
Click here for an example.
Hope that helps!
By the way, what you're doing is changing the style of your TextView. In Gtk it's best to stay away from doing this, especially if you aren't in a controlled environment or plan on releasing your software for others to use, because gtk's philosophy is to leave the styling and theming up to the end user for their own personal touches/needs.
This is why you are getting some unwanted results by overriding style colors.
In terms of a GtkTextView it does however offer simple formatting of the text(even support for adding images/widgets) via use of GtkTextTags as the link shows above.

Chameleon site, changing site's color with the color selector

I want to learn how can i design a site which background and images color will be changeable by the user. Colors could change by only one color within 4 colors such as green, blue, white etc. in the sites such as msn, yahoo etc. But, there was no effects like drop shadow or gradient overlay in that images. However, I want to change color of images which applied effects such as drop shadow, gradient overlay. Moreover, with each color. Just like chameleon.
I can put a text link on the right of the top. A color selector like at Photoshop can open, when the user clicked this link. Color selector generates a hex code according to selected color. Color of site changes to color which the user selected.
I changed an image background color which is transparent by using JavaScript DOM. Color of transparent area in the image will be the same with the background color of div tag which contains this image. But, if the image has got effects like shadow, overlay etc., the changing color will be disable.
How can I do it, and which technology will I use, jQuery, Ajax? How I create a site which color could change.How I create a site which color will be changeable by the user.
Just like chameleon...
Hmm, well this might take a while to implement, if you're starting with little knowledge.
My suggestion, to get you started, is to have a javascript which changes the class of the body element according to a selection the user makes. So let's say I visit the page, the <body> tag has no class, and default css is used.
Then I click on the link to make things red. Using javascript, or jquery, give the body the class "red-body".
Have css in your stylesheet which only works for elements which are children of an element with this class.
Html:
Go Red
jQuery
$('.go-red').click(function(){$('body').removeClass();$('body').addClass('red-body');});
So if you have code like:
#navigation li{color:#000;}
.red-body #navigation li{color: #af000;}
This will make this possible. This means you can do it all with just one stylesheet, which I think is the best way.
There are a number of ways to store the users choice. One of the easiest ways is to set a cookie in their browser. You can do this with javascript, here's the introduction from w3schools: http://www.w3schools.com/JS/js_cookies.asp