Stop light Animation(SVG) in xMII 12.0?

[HariCS23]

Hi Guys,

I am looking for tri colored ( green, orange,red ) traffic ligt .

I remember seeing the stop light svg some where. Now i am looking in svg and animated objects of Default Project.I didn't find any object like that.

Any ideas to get that or similar object.

Thanks for help.

Vansi

[Former Member]

Hi, I made a simple svg that you can modify like a traffic semaphore. Please copy this code bellow and save it like semaphore.svg to use in xMII

<?xml version="1.0" standalone="no"?>

<svg contentScriptType="text/ecmascript" width="300.0px" xmlns:xlink="http://www.sap.com"

baseProfile="full" zoomAndPan="magnify" contentStyleType="text/css" height="300.0px"

preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" version="1.0">

<ellipse rx="32.5" fill="#33cc00" ry="32.5" cx="51.5" cy="200.5" stroke="#000000"/>

<ellipse rx="32.5" fill="#33cc00" ry="32.5" cx="51.5" cy="200.5" stroke="#000000"/>

<ellipse fill="#33cc00" rx="32.5" cx="51.5" id="green" ry="32.5" cy="200.5" stroke="#000000"/>

<ellipse fill="#ffff00" rx="32.5" cx="49.5" id="yellow" ry="32.5" cy="121.5" stroke="#000000"/>

<ellipse fill="#ff3333" rx="32.5" cx="50.5" id="red" ry="32.5" cy="44.5" stroke="#000000"/>

</svg>

Doubts count with me.

Regards.

Att Mauricio Silvestre

[HariCS23]

Thanks Silverstre,

Sorry for the late reply. For time being i am using indicator light. But i definately want to use yours if that fulfills my req.

I have saved that code as SVG and that looks fine.

Basic question for you is , Can I feed online data to that animation? Can i render that based on the data input?

Thanks

Hari

[Former Member]

Hi, yes you can fill with dynamic parameters (colors, text, and so on), but you need prepare the svg to receive, if you need fill with a text, you need made a field to link them in your transaction.

Open the svg in xMII Dynamic Graphics and see the svg attributes. In the semaphore we have red, yellow and green, look that it have under these attributes a property named fill, link it with a color to try.

You'll need create a Objects property to link in your transaction. it's the path...

Good look