vegana/bin/docs/assets/articles/docsPage/engine.get.elementPosition.json

vegana is a container based js framework

{
  "template": [
    "2iyza9rkkm1pgl2c",
    "2iyza7ekkm2stknj"
  ],
  "rows": {
    "2iyza9rkkm1pgl2c": {
      "id": "2iyza9rkkm1pgl2c",
      "template": [
        "2iyza9rkkm1pgmf8",
        "2iyza9rkkm1pgwzx"
      ],
      "containers": {
        "2iyza9rkkm1pgmf8": {
          "id": "2iyza9rkkm1pgmf8",
          "field": {
            "type": "heading",
            "data": {
              "value": "engine.get.elementPosition"
            }
          }
        },
        "2iyza9rkkm1pgwzx": {
          "id": "2iyza9rkkm1pgwzx",
          "field": {
            "type": "paragraph",
            "data": {
              "value": "this api returns a domRect element with position markers for the given element and takes element id as a parameter.\n\n"
            }
          },
          "style": {
            "width": "90%"
          }
        }
      }
    },
    "2iyza7ekkm2stknj": {
      "id": "2iyza7ekkm2stknj",
      "template": [
        "2iyza7ekkm2stlnb"
      ],
      "containers": {
        "2iyza7ekkm2stlnb": {
          "id": "2iyza7ekkm2stlnb",
          "field": {
            "type": "code",
            "data": {
              "value": "\nconst sampleElement = engine.make.div({\n  parent:pageId,\n  text:'sampleElement'\n});\n\nconst position = engine.get.elementPosition(sampleElement);\n\nconsole.log(position);\n\n//this object is returned\n/*\n  {\n    x : 121.5,\n    y : 50,\n    width : 440,\n    height : 240,\n    top : 50,\n    right : 561.5,\n    bottom : 290,\n    left : 121.5\n  }\n*/\n"
            }
          },
          "style": {
            "width": "90%"
          }
        }
      }
    }
  },
  "title": "Vegana Api : Engine Get Dom Element Position",
  "discription": "this api returns a dom element position.",
  "keywords": "vegana,api,engine,get,element,position,dom"
}