Skip to main content
herveDelhalle1-Visitor
1-Visitor
April 16, 2020
Solved

Shape widget borders seem to be truncated : How to solve ?

Hello everybody, 

 

When using the shape widget, the borders seem to be truncated (see example below). 

herveDelhalle_0-1587024213384.png

Is it possible to use css to modify this appearance ? 

 

Best regards 

 

Hervé  

cmorfinAnswer
19-Tanzanite
April 20, 2020

Hi Hervé

 

Indeed the previous css would apply to all the rect in the page and so it does impact the dynamic filling, and it woudl also impact other shape in the same page.

To make it less impacting, you can try the following:

1) Enter a value for the CustomClass attribtue of the shape widget, for example cmoshape (can be anything)

2) modify the css to apply to  .cmoshape > .widget-shape-container > svg > rect  instead of only rect. For example:

 

.cmoshape > .widget-shape-container > svg > rect {
width: 180px !important;
height: 35px !important;
x: 2px !important;
y: 2px !important;

}

 

Hope this helps

Christophe

 

 

View in thread

6 replies

cmorfin19-Tanzanite
19-Tanzanite
April 16, 2020

Hi @herveDelhalle 

 

I managed to have the edges displayed in their entirety using some css indeed. However it is a bit cumbersome and may not work depending on how you place your widget.

However I provide it here in case that can help.

Once you view the mashup in runtime, select right mouse button > Inspect. Here you need to identify the size of the bounding box.
For this it will be easier to set the CustomClass attribute on the shape and search for it.
Once you have the size of the bounding box, you can set the rect item a little smaller, possibly moving also the x and y attribtue, as in

rect {
width: 180px !important;
height: 35px !important;
x: 2px !important;
y: 2px !important;
}

 

I have attached the sample mashup I used for that as it will probably easier to follow with that example.

 

Hope this helps

Christophe

Translate
herveDelhalle1-VisitorAuthor
1-Visitor
April 17, 2020

Hi @cmorfin, 

 

I works perfectly for me. 

 

Thank you very much. 

 

Best regards 

 

Hervé 

Translate
cmorfin19-Tanzanite
19-Tanzanite
April 17, 2020

Hi @herveDelhalle 

 

Great, I am pleased that it works for you.

If you can it would be helpful to mark the relevant reply as correct answer.

This will help others facing similar issue to find the solution more easily.

 

Thank you

Christophe

Translate
Terms & ConditionsAccessibility statement