vegana/bin/docs/assets/articles/docsPage/engine.set.style.json

vegana is a container based js framework

{
  "template": [
    "2iyza8ggkm7un0ki"
  ],
  "rows": {
    "2iyza8ggkm7un0ki": {
      "id": "2iyza8ggkm7un0ki",
      "template": [
        "2iyza8ggkm7un1a2",
        "2iyza8ggkm7un1lu",
        "2iyza8ggkm7un1y2"
      ],
      "containers": {
        "2iyza8ggkm7un1a2": {
          "id": "2iyza8ggkm7un1a2",
          "field": {
            "type": "heading",
            "data": {
              "value": "vegana.set.style"
            }
          }
        },
        "2iyza8ggkm7un1lu": {
          "id": "2iyza8ggkm7un1lu",
          "field": {
            "type": "paragraph",
            "data": {
              "value": "this api updates a dom element style property."
            }
          }
        },
        "2iyza8ggkm7un1y2": {
          "id": "2iyza8ggkm7un1y2",
          "field": {
            "type": "code",
            "data": {
              "value": "\n//=========================================\n/*\n\n\t//engine.set.style api params\n    \n    engine.set.style(dom_element_id_string,style_json_object);\n    \n*/        \n//=========================================  \n\nconst parent_div = engine.make.div({\n\tparent:pageId,\n    draw:{\n    \tall:{\n        \tborder:\"5px solid purple\",\n            padding:\"10px\",\n        }\n    }\n});\n\nengine.make.button({\n\tparent:parent_div,\n    value:\"click me\",\n\tfunction:()=>{\n        //=========================================\n        //api example goes here\n\n            engine.set.style(parent_div,{\n            \tborder:\"5px solid pink\",\n                padding:\"10px\"\n            });\n\n        //=========================================\n    }\n});\n\n\n"
            }
          }
        }
      }
    }
  },
  "title": "Vegana Api : Engine Set Input Value",
  "discription": "how to set input element value.",
  "keywords": "vegana,api,engine,set,input,value"
}