Apache Velocity not rendering CSS transform tag

Asked Mar 05 '18 at 09:45

Active Mar 05 '18 at 12:33

Viewed 466 times

I am trying to rotate the obtained image using CSS. I have checked the same using plain vanilla HTML CSS and the image is indeed being rotated.

Below is my code for the same :

CSS :

.transform-right{
  transform : rotate(90deg);
}

HTML :

<center> 
 <img class="transform-right" src="/home/ags/Documents/barcode/T20180398.png" alt="!Barcode" width="300px" height="100px" style="padding : 500px 300px 0px 180px;"> </center>

Its tested and working as expected.

But the same is not working in Apache Velocity Template. Tags are all same and there is no change at all. The image is getting fetched but not being rotated.

Can someone please tell me where am I going wrong ?

edited Mar 05 '18 at 12:33

asked Mar 05 '18 at 09:45

Vishal A

It's not clear what not working and why do you show only specific CSS/HTML? – Ori Marko Mar 05 '18 at 12:02
The image is not being rotated in velocity – Vishal A Mar 05 '18 at 12:33
is your CSS in external file? if so how do you include it? – Ori Marko Mar 05 '18 at 12:56
No. Its an inline css inside – Vishal A Mar 05 '18 at 12:57
Are you sure there's no additional `transform-right` class is loaded ? – Ori Marko Mar 05 '18 at 13:00
https://pastebin.com/bVuhLju9 Here is my file – Vishal A Mar 05 '18 at 13:07
The transform tag and barcode image are just one above another. – Vishal A Mar 05 '18 at 13:15
Please add to the question the *generated* HTML/CSS relevant section. – Claude Brisson Mar 06 '18 at 08:47

Apache Velocity not rendering CSS transform tag

0 Answers0