{"id":1124,"date":"2018-05-25T16:41:46","date_gmt":"2018-05-25T20:41:46","guid":{"rendered":"http:\/\/e-registernow.com\/support\/?p=1124"},"modified":"2018-05-25T16:41:46","modified_gmt":"2018-05-25T20:41:46","slug":"template-for-floor-plan","status":"publish","type":"post","link":"https:\/\/e-registernow.com\/support\/template-for-floor-plan\/","title":{"rendered":"Template for Floor Plan"},"content":{"rendered":"

In order to use this floor plan function, follow the step2 below. (Sample: M3270)<\/p>\n

 <\/p>\n

    \n
  1. Preferences > Step1 Page > \u00a0Display Events as \u201cFloor plan\u201d<\/li>\n
  2. Put the variable\u00a0%%step1_form_selectbox%%<\/strong> on step1 template<\/li>\n
  3. Styling the event selector by CSS<\/li>\n<\/ol>\n

     <\/p>\n

    %%step1_form_selectbox%% generates the following html codes.<\/p>\n

    <div class=”Step1TFP” id=”Step1TFP”>
    \n<div class=”FP_event” id=”ecode001″ eid=”500000531178642″>
    \n<div class=”FP_selector”>
    \nStep1 Selector comes here*
    \n<\/div>
    \n<div class=”FP_ecode”>001<\/div>
    \n<div class=”FP_spotleft”>0<\/div>
    \n<\/div>
    \n<\/div><\/p>\n

     <\/p>\n

    *Step1 Selector<\/strong><\/p>\n

      \n
    • SelectBox
      \n<select class=”step1_matrix_select” name=”ExE500000521415975[0]”>
      \n<option selected=”selected” value=”0″>0<\/option>
      \n<option value=”1″>1<\/option>
      \n<\/select><\/li>\n
    • Checkbox
      \n<input class=”step1_matrix_check” name=”ExE500000521415980[0]” type=”checkbox” value=”1″ \/><\/li>\n
    • Radio Button
      \n<input class=”step1_matrix_radio” name=”RadioGrp_[0]” type=”radio” value=”ExE500000521421439[0]” \/><\/li>\n
    • Sold out
      \n<div class=”FP_soldout”><\/div><\/li>\n<\/ul>\n

       <\/p>\n

      Sample Code<\/p>\n

      \"\"<\/p>\n

       <\/p>\n

      With CSS, the html code rendered like the image below.<\/p>\n

      \"\"<\/p>\n

       <\/p>\n

      Note:<\/p>\n

      Does not work with Matrix labels, Overlap events<\/p>\n

       <\/p>\n

       <\/p>\n","protected":false},"excerpt":{"rendered":"

      In order to use this floor plan function, follow the step2 below. (Sample: M3270)   Preferences > Step1 Page > \u00a0Display Events as \u201cFloor plan\u201d Put the variable\u00a0%%step1_form_selectbox%% on step1 template Styling the event selector by CSS   %%step1_form_selectbox%% generates the following html codes. <div class=”Step1TFP” id=”Step1TFP”> <div class=”FP_event” id=”ecode001″ eid=”500000531178642″> <div class=”FP_selector”> Step1 Selector […]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[271],"tags":[],"class_list":{"0":"post-1124","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-step-1","7":"entry","8":"has-post-thumbnail"},"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p7kUZg-i8","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/e-registernow.com\/support\/wp-json\/wp\/v2\/posts\/1124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/e-registernow.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/e-registernow.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/e-registernow.com\/support\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/e-registernow.com\/support\/wp-json\/wp\/v2\/comments?post=1124"}],"version-history":[{"count":6,"href":"https:\/\/e-registernow.com\/support\/wp-json\/wp\/v2\/posts\/1124\/revisions"}],"predecessor-version":[{"id":1141,"href":"https:\/\/e-registernow.com\/support\/wp-json\/wp\/v2\/posts\/1124\/revisions\/1141"}],"wp:attachment":[{"href":"https:\/\/e-registernow.com\/support\/wp-json\/wp\/v2\/media?parent=1124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/e-registernow.com\/support\/wp-json\/wp\/v2\/categories?post=1124"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/e-registernow.com\/support\/wp-json\/wp\/v2\/tags?post=1124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}