Javafx Image and Text align on Button - javafx-2

I created a javafx button and added image and text.I want text place to top and image place to middle of the javafx button.Is it possible with javafx and how can I do it?


You have to use button.setContentDisplay(ContentDisplay.TOP);
ContentDisplay


You can also use CSS for the button. The below example will display the text at the top with the image below (which seems counter-intuitive) for all buttons:
.button
{
-fx-content-display: bottom;
}

Related

How do I make a button transparent

I am making a javafx application where there's a border pane with a background image. The buttons on this border pane are supposed to be transparent. I can't seem to be able to accomplish this using blend modes and I can't. Please help me!!!
Sorry I can't post the code

css :
.button{
-fx-background-color: transparent;
}
Javafx code :
Button buttonColor = new Button("Color");
buttonColor.setStyle("-fx-background-color: transparent;");

you can simply using
button.setVisible(false);
to make it transparent, if you want to make it appears again, just using
button.setVisible(true);

Android UI: Button with shape inside?

I need to create a button that looks like this:
button
I was hoping to create it without using images. To create the pink part, I wanted to use a drawable.
How can I include a shape drawable within a button?

You can create a Layout, set background color for that layout as you wish. In that layout add two textviews. Set background for one layout pink. add another under the first textview. Then you can set onClickListener on layout. It'll work same as that of button and it'll be easy to change colors and text programatically.

Try using an ImageButton and setting android:src to point to your ShapeDrawable resource.

Javafx while selecting text using mouse in webview the selecting word is split or overlap

I want to select the text in webview while i am selecting text content using mouse in webview, the selected text word is split or the mouse selecting first word alignment overlap. how to solve this issue.
Just i have load a simple html file in javafx weview component. while select the text in webview the word is split or overlapping. i am not use any JavaScript.
You can find the doubt in the following link:
enter link description here

WebView not correctly rendering selection areas is a known issue in JavaFX 2.2:
RT-18883 Google docs editing issues
RT-11239 Add draw glyph type support to Prism graphics

How to move the search icon, in the search box of jquery mobile?

jQuery Mobile's search input comes with a search box, with a search glass icon that is to the left of the box. I want the search icon to the right side of the box. I'm looking at the css, but the only thing I see that controls it is...
.ui-icon-searchfield::after
but just not sure if that is the right css to use to move the icon around...or is there a class or data attribute I can use on the search element itself, to move the icon?
thanks!

You have identified the class correctly. All you need to do is override the background's position to be roughly textbox's width + 73px, e.g.:
.ui-icon-searchfield::after {
left: 173px !important;
}
​Check my example here: http://jsfiddle.net/ruslans/wyeUu/
not sure what you want to do about the "clear" icon, which appears on the right when you type.

I cannot center the text of a userdefined Button

I created a Button and I set its UIID to boutonPpal. I set the bgAlign attribute to ALIGN_CENTER in the resource Editor but the text of the Button is not centered at runtime !
So how to make the text centered ?

bgAlign aligns the background image of a component. Use the "Align" tab if using the latest LWUIT. If you are using 1.4 you need to actually invoke setAlign() on the component since in 1.4 alignment was not a part of the theme.

Resources