Change size and position of a box

OL Connect Professional Designer
1

Hi,
I want to create a black mark that will be positioned dynamically in the page.
Tried following script:
var S = 1122/record.fields[“shtot_1”];
var P = record.fields[“shno_3”]*S;
results.attr(“height”, S);
results.attr(“top”, P);
var field, result = “”;
results.html(result);

and this positioned box:
<div anchor= “page_media_0”
style=“position: absolute ; overflow: hidden ; box-sizing: border-box ; width: 5mm ; height: 29.7mm ; top: -18.9px ; left: 737.05px ; background-color: Black ;” offset-x= “774.85004” offset-y= “-3.8146972514141453e-7” >
<span class= “mark ol-scripted” >

I’m not familiar how to connect a script result to html output, so I would appreciate any help to make it work.

thank you

2

Hi @akispapa,

I suppose that you would like to change the top and left position of the Positioned Box?

Because in that case you can use a Standard Script like:

Name: Example
Selector: #example
Script:

var top = 0;
var left = 0;
var field = "";

field = record.fields["top"];

if (field !== "") top = parseInt(field);

field = record.fields["left"];

if (field !== "") left = parseInt(field);

results.css("top", top);
results.css("left", left);

Where the Source code of the Positioned Box will become something like:

<div id="example" anchor="page_media_0" style="position: absolute; overflow: hidden; box-sizing: border-box; width: 5mm; height: 29.7mm; top: -18.9px; left: 737.05px; background-color: black;" offset-x="774.85004" offset-y="-3.8146972514141453e-7"></div>
3

Hi @Marten

I need to change the height (size of the box) and the top position. I adapted the script and the source code as following, but I still can’t make it work. The box remains in place.

40
40760×808 155 KB

and

<div id= *"mark"* anchor= *"page_media_0"*

style="position: *absolute* ; overflow: *hidden* ; box-sizing: *border-box* ; width: *5mm* ; height: *29.7mm* ; top: *-18.9px* ; left: *737.05px* ; background-color: *Cyan* ;" offset-x= *"774.85004"* offset-y= *"-3.8146972514141453e-7"* >

</div>
4

Hi @akispapa,

Can you please tell us what the values of the record fields “shtot_1” and “shno_1” are the moment you ran a test by using the shared Standard Script settings? And can you also let me know what the unit of length of these values are, is it for example in centimetres (cm), millimetres (mm) or inches (in)?

5

Hi @Marten

sure, shtot_1 is either 10 or 25 and shno_1 gets values from 1 to 10 or from 1 to 25.
The form is for cheque books of 10 or 25 sheets and I need a mark at the edge of the paper that will have the 1/10 or 1/25 height of the paper and will be placed, starting from the top, in position 1 for sheet 1, position 2 for sheet 2 etc

The units are mm, but I tried with pixels too, in the script.

I managed to get the correct position with results.attr(“offset-y”, P). I couldn’t get to change the height but, since I need only two sizes for now, I created two marks and show/hide it accordingly.

**if** (record.fields["shtot_1"] != "10") {
results.attr("data-conditional", "");
results.hide();

} **else** {

**var** S = 0;
**var** P = 0;
**var** shtot = "";
**var** shno = "";
shtot = record.fields["shtot_1"];
shno = record.fields["shno_1"];

S = 1122/parseInt(shtot);
P = (parseInt(shno)-1)*S;

results.attr("offset-y", P);
results.show();
}