JS Enlarge Custom Submit Button

In many reporting scenarios, we may determine the postion and size of theSubmitbutton by ourselves, instead of using the button in the upper left corner that comes with the system. Now we start the tutorial of customizing theSubmit button. The effect is as follows:

First create a new normal report, insert a button  in cell C6, the button type isnormal buttonand the button name is "submit", the effect is as follows:

Then add aClickevent andAfter Initializationevent, the effect is as follows:

Add the following code to theClickevent:

_g('${sessionID}').writeReport();
FR.Msg.toast("Submit Success!");

Add the following code in the After Initialization event:

var el = this.element.children();// Get the current widget
el.hover(function(e) {// The mouse monitor of the control
     $("#C6-0-0").css(//Get the current C6 cell and assign style
  "-webkit-transform","scale(1.5)"
  );
  $("#C6-0-0").css(
  "-ms-transform","scale(1.5)"
  );
  $("#C6-0-0").css(
  "transform","scale(1.5)"
  );
}, function(e) {
$("#C6-0-0").css(
  "-webkit-transform","none"
  );
  $("#C6-0-0").css(
  "-ms-transform","none"
  );
  $("#C6-0-0").css(
  "transform","none"
  );
});

The application scenario here is data entry, so use the Data Entry Preview.

Note: The mobile terminal and H5 interface do not support this effect.

Enlarge Custom Submit Button.cpt