SVG not displaying properly

Hello, 

I want to display SVG shapes but it does not work properly. Someone can point out, what can I do better?

 

Goal: for ex. insert white, horizontal, automatically adjustable line / divider. 

ADRN_0-1681894583135.png

Issues: 
a. Even though I tried using percentage values, it does not want to fit to the changing screen.

b. The SVG code is put into an virtual column of type Image. It displays the result, but always gives this additional space, which enlarges the view for no reason:

ADRN_1-1681894705221.png

Is it possible to control this space? 

Thank you in advance!

Solved Solved
1 7 884
1 ACCEPTED SOLUTION


@ADRN wrote:

SO the Top Line you made is close to what I want to achieve. Still...is there a way to reduce the height even further?


Unfortunately, no.  The best you could do is use hyphens in a Text column and then set the Display name to a space.  While this reduces the height, the resulting line (it is a solid line) will be left justified and will not adjust based on screen size - although you could set different lengths of the test based on Device using the CONTEXT() function to get you most of the way there.

Another option is to use a Show column and take advantage of the space to specify a Section Header instead of a divider - i.e. something to describe the section below it.

 

View solution in original post

7 REPLIES 7
Top Labels in this Space