How do I position text beside an image like in this reference layout?
My first idea was to use absolute positioning but I couldn't figure out a way to make this responsive, since the text would overlap the image for smaller viewports.
Any help is appreciated! Thanks
Am trying to create a sample shape(for eg, square) and use RaphaelJS Free Transform plugin to drag ,rotate or resize the shape.Now,I also want a text to be displayed in the center of the shape. Can anyone help me with transforming the text when the shape is transformed.
How to vertically align the text in static text box in PowerBuilder like the following picture? It can be aligned horizontally to left, center, right. But cannot do the same thing vertically.
Thanks
As far as I know, it cannot be done out of the box.
I have made it anyway "by hand" with the help of the windows API: DrawText(), OffsetRect() and so on to create an improved rounded command button.
You can look at the code in that gist (look at the of_drawtext() method).
Can you explain the purpose of this text box?
Maybe you could use another object where you can easily move your text within.
The text in the box may have a variable number of line?
Do you use sql on the window object?
Maybe put this text between line feed in compute field within the datawindow you used can help you.(Handy Manny's style.....i agree....).
Erf....Seki answered faster
You can use a DW to vertically align a text.
An attribute of the dw static text called "font.escapement" sets the angle at which you want your text displayed.
To display text vertically, set the escapement attribute to 900 (10 * the angle) or to 2700.
Please notice that you will not see the effect in the datawindow painter, you'll have to preview your dw to see if the text is in the correct angle.
I Have created a bar chart in a 2007 .xls file, but the data labels cannot be resized. When you go to the "format Data Labels" and then click on alignment, the Autofit and Internal Margin option is grayed out. Anyone know why?
Short version: It is greyed out for chart text, because it the option doesn’t apply.
Long version:
This is because on a chart, chart text do need to use margins, rather you can you can just move the text., and set its X and Y position. For example take the Chart Title, if you want more space to the left, just click and drag the title to the right. If you want the chart title to be bigger you just set a larger font, you have complete control over the title, as well as all other text on that chart, axis titles, legends, data labels, etc.
Internal margins are meant to be used when you don’t have complete control take for example text in a shape. If you insert a shape in your workbook, and add text to it, you cannot just pick the text up and move it to the right if you want more space on the left, so you can set the margin.
Here's a trick that worked for me:
My problem was: I added more text to the axis title and it was too long for it's original shape so some text went into second line.
My solution: I type the complete text somewhere else, copy the text, double click on the axis title and delete the original text -- the cursor would still be there -- now insert the copied text. Done! They are all in one line!
Partial solution to resize label to a single line: Data labels in a chart will often wrap themselves, when you dont want them to. They would often seem better in a vertical single line above the graph item. Reset them to one single line by editing the text in the label, deleting the Excel imposed return, and replace it with a space. The line, and label box, will resize to fit a single line. However because you have "manually interfered with the lable, it will no longer update for changing graph data. You would have to double click each lable then reset it. Most annoying.
A way around it is to make the chart area big. The data label boxes will resize to fit the words in one line. Then make the chart small (not the chart area).
Manually insert a textbox into the bar chart and type in the label that way. It's annoying and labor-intensive, but it works.
I tried one by one each of these methods : setting the BgAlign property to CENTER in the Resource Editor , myLabel.getStyle().setBackgroundAlignment(Style.BACKGROUND_IMAGE_ALIGN_CENTER); but the text of the Label is not centered vertically.
So how to make Label's text centered vertically ?
The following image shows the actual alignement of the Label's text :
Label vertical alignment is unsupported only its positioning in relation to an icon.
As far as I recall you are using FlowLayout for every entry which does support vertical alignment see FlowLayout.setValign(Component.CENTER).