vegana/bin/docs/assets/articles/docsPage/engine.view.show.json

vegana is a container based js framework

{
  "template": [
    "2iyza7uskm7vo9oe"
  ],
  "rows": {
    "2iyza7uskm7vo9oe": {
      "id": "2iyza7uskm7vo9oe",
      "template": [
        "2iyza7uskm7voaxa",
        "2iyza7uskm7vock6",
        "2iyza7uskm7vocvq"
      ],
      "containers": {
        "2iyza7uskm7voaxa": {
          "id": "2iyza7uskm7voaxa",
          "field": {
            "type": "heading",
            "data": {
              "value": "engine.view.show api"
            }
          }
        },
        "2iyza7uskm7vock6": {
          "id": "2iyza7uskm7vock6",
          "field": {
            "type": "paragraph",
            "data": {
              "value": "this api hides a html dom element by settings its display property to none. any element which uses custom display property should not use this api."
            }
          }
        },
        "2iyza7uskm7vocvq": {
          "id": "2iyza7uskm7vocvq",
          "field": {
            "type": "code",
            "data": {
              "value": "\n//---------------------------\n//\tapi params\n//---------------------------\n/*\n\n\tengine.view.show(parent_dom_element_id_string);\n\n*/\n\n\nconst parent_div = engine.make.div({\n\tparent:pageId,\n    text:\"hide me for 2 seconds\"\n});\n\nengine.make.button({\n\tparent:pageId,\n    value:\"click me\",\n    function:()=>{\n    \n    \tengine.view.hide(parent_div);\n        \n        setTimeout(()=>{\n        \n        \t//---------------------------\n        \t//api\n            \n    \t\t\tengine.view.show(parent_div);\n                \n        \t//---------------------------\n            \n        },2000);\n        \n    }\n});\n"
            }
          }
        }
      }
    }
  },
  "title": "Vegana Api : Engine View Show Api",
  "keywords": "vegana,api,engine,view,show",
  "discription": "this api brings a dom element into view."
}