The default icon in the tree view (using gallery-yui-treeview) is a folder icon with an arrow or a page icon . I want to change this to a plus/minus sign. I guess something needs to be done to the skin used but I am not able to figure out what and how. Please help.
Look at this page about YUI skinning : http://yuilibrary.com/yui/docs/tutorials/skins/
Create your own sprite with the folder you want to display (default is : tree_view_icons_blue_01_arrow_beside_folders.gif )
Then, override the span displaying the folder like this :
<style>
.yui3-treeview-label-content{
background-image: url("my_new_folder_sprite.png");
}
</style>
Related
I am designing a GUI in Qt. I have a MainWindow and a QToolBox in it. The class of my MainWindow is QTabWidget.
According to the following pictures, I have a QToolBox with two tab named Encoder and Decoder.
I could change the background color of each tab and its border.
But I don't know how to change the color of background of each pane/tab.
For example I want to change the color of Decoder pane to blue as follow.
It is possible to put a frame-widget to page and change its background.
But is it possible to change the stylesheet of QToolBox directly.
Use this stylesheet to access certain pages in QToolBox:
QWidget#page,
QWidget#page_2,
{
background: blue
}
Where page and page_2 are object names of your pages. You can find them in QtDesigner - currentItemName.
Or use this stylesheet to apply changes to all pages:
QToolBox QScrollArea>QWidget>QWidget
{
background: blue;
}
Have you tried:
QToolBox tb;
tb.setStyleSheet("background-color: blue");
If that won't do for you, there is a good list of examples on Qt Style Sheets. Maybe you can find what you want from here.
Hi guys i've been working for this for days and searching the net for help but unluckily I don't find one. Here's my problem, I know that wordpress has a built-in background image when you click the appearance. I also tried editing in the CSS but when I put the code
background-image: url(image/3.jpg) in the body but when I see it it didn't appear. I think that the theme Accelerate has a code that has a fixed white image, How is this?
Their may be background image or no back ground image in wordpress according to the theme you are currently working with. Anyway you can add background image inside the body of a page in wordpress by the following ways :
Select css class from "main.css" located wp-contents/themes/your-current-theme/css/main.css, inside css edit "body" as
body{
/*...propeties..*/
background-image:url(back-img-url);
}
if it overridden by default images of your theme can use this instead of above
body{
/*...propeties..*/
background-image:url(back-img-url) !important;
}
In case you are using a custom template inside wordpress find the body class from the css you are using and change this as above.or using image inside page with img tag then make direct changes for this.
I resolved this by clicking Theme Options -> Design and choose the "Boxed Layout" instead of Wide Layout
I am trying to edit my colour scheme for Eclipse. (Windows!)
I seem to be unable to change the following white areas in the image below.
I know the following code works for certain areas:
.MPart Tree, .MPart Table{
background-color:black;
color: white;
}
If anybody could redirect me to a website containing everything css property or post some code I would be thankful!
The windows I want changed are the ones below in white!
Those white areas are governed by source code styling. Easiest way to change them is to use other plugin like Eclipse Color Theme. If you want to create your own theme you can modify a theme file or use http://www.eclipsecolorthemes.org/
You can also change them manually using Window -> Preferences and then Java -> Editor -> Syntax Coloring.
I have few questions on styles (Themes). Presently i get a blue colored theme in all my window and panels. I want to change this to Pink. How can i do that ?
I read about swapStyleSheet( String id, String url) : Void but, i am not sure how to use it.
2.) I also need to know how to change the colors of labels/form panels etc, I want all the styles to be on 1 page, rather than adding it as an attribute in labels/form panels. (eg: fieldStyle: 'background-color: #ddd; background-image: none;')
Although I have not created a custom theme, there is a themeing guide located here: http://www.sencha.com/learn/theming/ that will give you very powerful tools to create your theme instead of styling individual components.
In Telerik MVC grid.
for Master Detail it give a Triangle icon(when we click it. it expands the grid and show the Details).
Can we have a custom icon instead of triangle icon.
I can change the image on the image folder but it will change through out the application.
I want it to change only for one page.
Any idea?
You can change the CSS background-image like this:
<style>
.t-hierarchy-cell .t-minus
{
backgorund-image: url("path_to_new_expand_icon");
}
.t-hierarchy-cell .t-plus
{
backgorund-image: url("path_to_new_collapse_icon");
}
</style>