How do I change the border geometry of LaTeX-formatted text in draw.io - text

In a figure in draw.io, I have arrows pointing basically everywhere. When I LaTeX-format the "label" in a "connector with 3 Labels" object, the formatted text is given a fixed border, which I find impossible to change. Below is an image of the label with its borders illustrated:
The thick, outer border is changeable, no problems there. I can go into the Style menu on the right-hand side and choose all sorts of options for the outer border.
The thin, inner border originates from giving the LaTeX-formatted $$(1,3)$$ text the property of "Background Color" and "Border Color" in the Text menu on the right-hand side. This is mostly for illustrating how the inner border looks.
The problem: For the life of me, I cannot change this inner border's geometry. It clips with every object it is in front of, and if I don't have a clipping border at all, it is still just awful for my figure. I need to change the inner border's geometry, make it a circle, triangle, whatever. I just need to find out how to customize it.

Related

Style Grid border in case Grid height is calculated

I have a case which want to get vaadin-grid the maximum height possible in screen.
So, this is easy.
the problem is that despite the vaadin-grid size is ok, the tbody might be shorter than vaadin-grid.
So, whenever there is not enough rows we get empty space.
it would be ok in case had no border. But, because we do use border on the grid, empty space comes up.
Sure can shift the border to thead and tbody and get it looks good, but than the opposite happen cause bottom border will get lost when tbody in longer than vaadin-grid.
Is there a clean way, non dirty js, to distinguish cases? something else?
Thanks
I think you should be able to get at least very close by using the :host([overflow~="bottom"]) state attribute selector. Add/remove the borders based on that. The overflow attribute value changes based on if rows are overflowing the from the bottom of the grid viewport.
The only issue I see is that the border will disappear when the user scrolls to the bottom of the grid.

How to make a vertical slider?

I need a vertical slider similar the standard slider. Is there a way to modify the existing one or do I need to make a new one?
The standard slider would work for me. I just need it to work vertically.
Perhaps I should better clarify my issue with the standard slider.
Yes, I can drag the size of the slider and it will be vertical. The problem is that when you select the value of the slider to show the text gets buried in the low side of the slider when you slide it down all the way. It essentially gets cut off and only shows the top half of the slider value character. I find no way to correct this by moving the shown text up a little so it all shows. I see no way to change text vertical or offset position in the properties setting.
The text settings only allow you to change the text format to right, center and left justify. There is no setting that can move the text up to prevent it from being cut off when the slider is all the way to the lower or down position.
The value text shows ok on the top of the slider. The problem is on the bottom side when you set the slider to be vertical.
It looks like the the show value setting does not place the value on the top layer of the slider and it gets hidden behind something else in the slider object.
LC9, Windows 10
I think I'm understanding your question. If you just resize the horizontal slider control so that the width is narrower than the height, the orientation of the slider control will automatically change to vertical.
Apparently it is a bug in this version of LC. At least in Win which is where I am testing.
Putting the scrollbar vertically cuts the value when it reaches the bottom.
But I found a solution so that it does not cut. Play around with the properties of the font. Such as size and family. In my case it worked fine by lowering the font size by one pixel.
Default: Segoe UI font, size 12
I just set the size to 11 and it doesn't cut anymore.
For what it is worth, I do not see this issue on a Mac. A vertical slider works as advertised. Font size makes no difference.
Are you saying that in the horizontal mode, you do not see this, but when changed to vertical, you do?
Try creating a scrollbar and a text field.
Set the scrollbar's showValue property to false and copy the following script to your scrollbar. Note that your field must be called "scroll value".
on scrollbarDrag pNewPosition
local tLoc
lock screen
# The Current Loc of Field
put the loc of field "scroll value" into tLoc
# New Position of scrollbar
put pNewPosition into field "scroll value"
# New Loc of Field
put the mouseV into the item 2 of tLoc
set the loc of field "scroll value" to tLoc
set the left of field "scroll value" to the right of me
unlock screen
end scrollbarDrag

How to center text within label in a map chart in spotfire?

How to center the text within a label in a map chart in Spotfire? I tried the labels option but it doesn't have an option to align the text.
sadly, there is no feature to align text inside of a label, and the label formatting features are a bit limited. this goes for all of the other chart types that support labels, too.
one really silly idea I just thought of and haven't tried would be to change the label to use a monospace font like Courier New, and then calculate how many spaces you'd need to place on the left to make the text appear centered, but herein lies only madness and I wouldn't seriously recommend this approach to anyone.

Custom drawing MT.D borders

I've been playing around with MT.D a bit and love the simplicity of it all.
I have now been working on a completely owner drawn cell using a UIView to do all the drawing and an Element that allows me to use it with MT.D.
Now the only thing I seem to be missing is the ability to control how borders are drawn (or not drawn). If I set the mode to Grouped then I get the indented and rounded borders and Plain I get the simple horizontal border.
But lets say I want to use an image or thicker border for my borders, how do I go about customising this?

How do I change the drawing setting to show the objects filled?

When I create drawing shapes I cant see any color or fill. I know there is a setting that need to be changed so I can see them. Here is a pick of what is happening on my screen:
I draw the shape and all I see is the green outline, any suggestions?
At the bottom of the screen on your timeline there is a green square on your layer, from the looks of it you have click that. This shows layers as outlines.

Resources