I have a asp:Panel where Grouping text is equal to "string".Now this string comes on the left hand side on the upper half of panel border.I want this grouping text to come in the center as in a title of the panel.How can we do this
You can move it to the right using css. Although I don't know of a way to have it automatically centered.
Target it by using legend {margin-left:<px>;}
Related
I'm trying to create a widget that will act as a navigation bar. It is formed by some buttons that are separated by arrows.
I'm trying to replicate this picture in Qt Designer using labels with the arrow character → . The problem is that this character is bigger than it seems so when I resize the container, the lower part of the arrow disappears.
I have tried to use the vertical layout using a vertical spacer to align the arrow character as the same height as the buttons but the character was cut anyways.
I can't reproduce your example by using just the standard settings.
I added two buttons and a label to the horizontalLayout and set the label font size to 55. I also set the text alignment to horizontal center and vertical center.
You will always have more space at the top cause this is the content of the ascii char.
Maybe it's better to use a simple icon?
EDIT:
You can also add a label or a button with a pixmap/icon which is resizeing with the window:
Been using Slider Revolution on WordPress recently for a new client and having one big issue that I cannot find an answer to.
SITUATION
- I have 2 text elements, a Title text element and a Description text element (one above the other - vertically stacked)
- They have been manually placed to be aligned-left inside the slider area.
- I have them with a fixed width so they only cover the left side of the slider panel
- I have them set for auto-wrap so words do not get cut off and the test will drop to another line if needed.
PROBLEM
With this configuration, if the Title text element is too long (too many words) it will dynamically expand vertically (drop down lines) and cover up or overlap the description text element box below it.
SOLUTION
I would like to find a way to "link" or "hook" these 2 elements together (stacked one on top of the other with little space) so they do not overlap and the top element will automatically push down the 2nd text element box. Is it an html issue? a z-index issue? a placement process issue?
In the image I provided, you can see the difference between a 1, 2 & 3 line TITLE, and how the space between them is fixed. HOW DO I GET IT TO BE DYNAMIC? I apologize if this has been answered before, but I have searched for hours and cannot find an answer. Maybe I am searching with the wrong keywords.
slider-revolution-examples
This is a common situation with Revolution Slider when we use different text elements since they will be different layers and used with position:absolute.
The best solution for this is to merge all the text elements inside one element using basic HTML and style them as needed inside this element. Like this we only have one element used with position:absolute and inside it we have well formed HTML.
I have a GridPane displaying descriptive Labels on the left side and content Labels on the right side. I set everything to USE_COMPUTED_SIZE in SceneBuilder and added padding to my elements so they don't stick together too closely. This works well if it wasn't for the fact, that the left-side Labels are cut off, if the content is big enough to take up the whole width of the scene:
Is there a way of making sure that my left-side labels are displayed in full, before the right side labels get their share of available width? Setting the minimum width of the first column to a concrete value works, but i would like JavaFX to determine the needed size for the first column.
Use Texts (can be found in Shapes) instead of Labels in the first column. In contrast to Labels Texts are not resizeable and GridPane cannot resize the first column to become smaller than the largest of the Text nodes in this column.
For some reason I need to overlap 2 report elements in BIRT. For example I need to put 2 labels one on top of another. Is this possible in BIRT? I am using BIRT 4.3. Normally when we place elements in report designer each item is occupying one full row. Some times i need to overlap elements and sometimes i need to place elements side by side. side by side can be achieved with Grid but I am not sure how to overlap report items? Please help and thanks in advance.
You can put two labels in the same cell of a graph or table, then define when to "hide element" with the "Visibility" property.
OR
In order to have both display at the same time, you can use a grid to define where the top label will go, then add the back label as an image using the background (advanced property)
I want to present input forms in horizontal, want to have its labels as header (1st line is header include all labels of input form, 2nd line toward are repeated input forms).
I try to use 960 Grid System using grid_2, grid_3 for example apply for each field and its label.
However, the input has border, but label doesn't, so the input fields was not aligned tightly with header (labels). If I try
input
{
border: 0;
}
then it aligns correctly. But using this way I can not see the input field visible.
How can I align it vertical without different 1 or 2 px of border of input?
I don't believe the grid system is intended for use on labels and input fields.
Instead of applying grid_X class directly to label and field, you should apply to <div> that wraps around these input and labels, OR customize the grid class by defining input.grid_x and adjust the width.