In GTK+, how to remove this dotted border around a GtkButton, which gets drawn after we click the button?
This is the "focus" indicator. To get rid of this, remove support for keyboard-controlled focus from the button, like this:
GTK_WIDGET_UNSET_FLAGS(GTK_WIDGET(button), GTK_WIDGET_CAN_FOCUS);
Related
I'm using AmCharts, specially the heatmap, when there is only one value in the chart and put the mouse over it, the thing in the picture below appears at the left top corner.
I tried to look if there is a tooltip or something for mouse over but I couldn't access that thing
do you know guys what is it ? and how to remove it ?
With the following "settings.json", I could change the colours of the suggestion pop-up like the screenshot. The problem is that I could not remove the dotted-line around the hovered item. How can I remove it?
"workbench.colorCustomizations": {
"editorSuggestWidget.selectedBackground": "#351407",
"editorSuggestWidget.selectedForeground": "#f1f0dc",
"list.hoverBackground": "#555555",
}
I began to work with Unity3D since one month and I'm trying to do an application which contains a menu, composed by a panel and several buttons. At this moment, I'm trying to customize the menu, I change the fill color of the panel and buttons, but until now I could not change the border color of the buttons. There is any way to customize the border's color of the UI buttons? I would appreciate your help. :)
The easiest way to add an outline to your button is to use the Outline component (doc).
Simply add the Outline component where your button image or text is. Then configure it how you like it :)
The above results in the following button:
No, you can not change just border color. If you use default buttons, take a look at Source image. It is basically a grey square with black borders. So when you change color of image black color remains black.
To customize buttons as you want you need either create nested UI elements:
or create sprites with colors you want and replace source image
I find nested UI elements to be the easiest way to do something like this. Simple example:
Start out by creating a panel and change the scale until you get the desired size for your button. This will be your "borders".
Next create another panel as a child of the panel you just made and change the scale to be just slightly smaller than your first panel and change the color.
In the Inspector for your panel, add component and type in Button and add it as a component.
Finally, add a text as a child of your panel for a label and you're done.
I have made a project previously where I set a UIButton to have both text and also an image (in interface builder).
I have created another project and I want to achieve the same thing, but when I set the button to have an image, the title disappears (it's not getting hidden behind the image).
I can't seem to figure out why this is so if anyone could shed some light on this subject I'd appreciate it!
Thanks.
Change your button to custom type. put the image on then put the text in.
You will need to put your own background on it, but at that point you will be able to use the edge settings to position both the text and the image.
Every button that I have with image and text is set to custom and ultimately has its own bg image as well.
Oh, another thing I use. Is the cornerRadius. To give the view the rounded effect like the buttons have by default.
saveButton.layer.cornerRadius = roundingNumber.floatValue;
Additionally you should be able to use the borderWidth and borderColor in conjunction with cornerRadius to get a button that looks quite similar to the original button
saveButton.layer.borderRadius = 1.0f;
saveButton.layer.borderColor = [[UIColor blueColor] CGColor];
// These are not the exact values (or maybe they are) but you get the idea.
hope that helps.
Correction
After Spending a little time investigating, it appears that when you put an image in the button. the text is shoved off to the right.
Use the edge settings to bring it back over the image.
With the button selected, Look in "Attributes Inspector" > Button > Edge > (Dropdown "Title")
the equasion I have come up with is
[Edge inset for Title] Left = -(imageWidth * 2)
This should Left align your title with the image that you have put in.
Custom positioning will need to be done to make it look correct.
This can be done entirely in the Interface Builder and you can use RoundedRect button style
Here are some images demonstrating the change.
Here I set the Button type to "Custom" to remove the border and background.
Here I set the Top and Left in the Edge set for "Title" (Title is an option in the drop down)
EDIT
Newest Xcode has moved the size settings to a new location
Just put the image in the background field instead. This way the text will appear in front of the image.
It sounds like you are setting the image for the button but not the background image so reverse that.
I noticed that if the UIButton colour is set to default, adding an image makes it white and thus invisible. Changing the colour manually makes it visible again.
i noticed that whenever i click the disclosure panel's header, it got focused, namely you can see the black dotted border around the header, is there any way i can get rid of that? Thanks.
You can achieve this by setting css style outline:0 on the Disclosure header:
.gwt-DisclosurePanel .header {
outline:0;
}
See also http://css-tricks.com/removing-the-dotted-outline/
Basically you need to remove the outline from the a anchor element.