{"id":41,"date":"2022-08-21T19:54:35","date_gmt":"2022-08-21T19:54:35","guid":{"rendered":"https:\/\/demos.rednao.com\/pagebuilder\/?page_id=41"},"modified":"2022-08-21T19:54:35","modified_gmt":"2022-08-21T19:54:35","slug":"grid-demo","status":"publish","type":"page","link":"https:\/\/demos.rednao.com\/pagebuilder\/grid-demo\/","title":{"rendered":"Grid Demo"},"content":{"rendered":"\n\n    <form style=\"max-width: 900px;margin:auto;\" method=\"post\" data-id=\"69e129d4318cf\" class=\"PageGenerator Grid\">\n        \n        \n<div class=\"Area Multiple\">\n    <style>\n        \n\n        @media (max-width: 768px) {\n        \n        }\n    <\/style>\n    <div>\n                    \n            \n<div class=\"Section Section_TopSection\">\n    <\/div>\n                    \n            \n\n<div style=\"padding: 10px;overflow: auto;\">\n    <table class=\"pageGrid Section_GridSection  \">\n        <thead>\n            <tr>\n                                    <th class=\"th_1\" style=\"width: 30%\">\n                        \n<div style=\"display: block;align-items: center;flex-wrap: wrap\">\n    \n    \n<\/div>\n\n                    <\/th>\n                                    <th class=\"th_2\" style=\"width: auto\">\n                        \n<div style=\"display: block;align-items: center;flex-wrap: wrap\">\n    Name\n            <span class=\"rnstack\" style=\"position: relative;height: 16px;width:16px;display: inline-flex;align-items: center;justify-content: center;margin-left: 5px\">\n                            <a href=\".\/?sortby=1_Value&amp;dir=asc&amp;tid=3\" class=\"rncaretup\" style=\"position: absolute;top:0;display: flex;height: 6px;line-height: 6px;font-size: 6px;color:#dfdfdf\"><span style=\"margin-right:3px;width: 1.5em;height: 1.5em;-webkit-mask-position: center ;-webkit-mask-repeat: no-repeat ;mask-position: center;mask-repeat: no-repeat;background-color:currentColor;display: inline-flex;mask-image: url(https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/plugins\/PageBuilderForWPFormPro\/pr\/icons\/fontawesome\/solid\/caret-up.svg);-webkit-mask-image: url(https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/plugins\/PageBuilderForWPFormPro\/pr\/icons\/fontawesome\/solid\/caret-up.svg)\"><\/span><\/a>\n                                        <a class=\"rncaretdown\" href=\".\/?sortby=1_Value&amp;dir=desc&amp;tid=3\" style=\"position:absolute;bottom: 0;height: 6px;line-height: 6px;font-size: 6px;color:#dfdfdf\" ><span style=\"margin-right:3px;width: 1.5em;height: 1.5em;-webkit-mask-position: center ;-webkit-mask-repeat: no-repeat ;mask-position: center;mask-repeat: no-repeat;background-color:currentColor;display: inline-flex;mask-image: url(https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/plugins\/PageBuilderForWPFormPro\/pr\/icons\/fontawesome\/solid\/caret-down.svg);-webkit-mask-image: url(https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/plugins\/PageBuilderForWPFormPro\/pr\/icons\/fontawesome\/solid\/caret-down.svg)\"><\/span><\/a>\n                    <\/span>\n    \n<\/div>\n\n                    <\/th>\n                                    <th class=\"th_4\" style=\"width: auto\">\n                        \n<div style=\"display: block;align-items: center;flex-wrap: wrap\">\n    Adaptability\n            <span class=\"rnstack\" style=\"position: relative;height: 16px;width:16px;display: inline-flex;align-items: center;justify-content: center;margin-left: 5px\">\n                            <a href=\".\/?sortby=5_Value&amp;dir=asc&amp;tid=3\" class=\"rncaretup\" style=\"position: absolute;top:0;display: flex;height: 6px;line-height: 6px;font-size: 6px;color:#dfdfdf\"><span style=\"margin-right:3px;width: 1.5em;height: 1.5em;-webkit-mask-position: center ;-webkit-mask-repeat: no-repeat ;mask-position: center;mask-repeat: no-repeat;background-color:currentColor;display: inline-flex;mask-image: url(https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/plugins\/PageBuilderForWPFormPro\/pr\/icons\/fontawesome\/solid\/caret-up.svg);-webkit-mask-image: url(https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/plugins\/PageBuilderForWPFormPro\/pr\/icons\/fontawesome\/solid\/caret-up.svg)\"><\/span><\/a>\n                                        <a class=\"rncaretdown\" href=\".\/?sortby=5_Value&amp;dir=desc&amp;tid=3\" style=\"position:absolute;bottom: 0;height: 6px;line-height: 6px;font-size: 6px;color:#dfdfdf\" ><span style=\"margin-right:3px;width: 1.5em;height: 1.5em;-webkit-mask-position: center ;-webkit-mask-repeat: no-repeat ;mask-position: center;mask-repeat: no-repeat;background-color:currentColor;display: inline-flex;mask-image: url(https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/plugins\/PageBuilderForWPFormPro\/pr\/icons\/fontawesome\/solid\/caret-down.svg);-webkit-mask-image: url(https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/plugins\/PageBuilderForWPFormPro\/pr\/icons\/fontawesome\/solid\/caret-down.svg)\"><\/span><\/a>\n                    <\/span>\n    \n<\/div>\n\n                    <\/th>\n                                    <th class=\"th_3\" style=\"width: auto\">\n                        \n                    <\/th>\n                            <\/tr>\n        <\/thead>\n        <tbody>\n                                                            <tr class=\"Row0\">\n                                                    <td class=\"td_1\" style=\"width: 30%\">\n                                <img style=\"max-width:100%; border:1px solid #dfdfdf;\" img src=\"https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/uploads\/sites\/217\/wpforms\/6-3c5226172a0396669dd92f8958ebd55c\/file_23206_schnoodle-460x290-ab2a116148c2ee42f1db08ce46e27826-83d8f7d961e367a632771dddc05d3cd7.jpg\"\/>\n                            <\/td>\n                                                    <td class=\"td_2\" style=\"width: auto\">\n                                Schnoodle\n                            <\/td>\n                                                    <td class=\"td_4\" style=\"width: auto\">\n                                Moderate\n                            <\/td>\n                                                    <td class=\"td_3\" style=\"width: auto\">\n                                <a  href=\".\/?ar=view&amp;tp=3&amp;form_id=6&amp;entryid=1&amp;nonce=20c04ea009&amp;tid=3\">View Entry<\/a>\n                            <\/td>\n                                            <\/tr>\n                    \n                                    <tr class=\"Row1\">\n                                                    <td class=\"td_1\" style=\"width: 30%\">\n                                <img style=\"max-width:100%; border:1px solid #dfdfdf;\" img src=\"https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/uploads\/sites\/217\/wpforms\/6-1679091c5a880faf6fb5e6087eb1b2dc\/Basset-Hound-standing-in-the-garden-f41299a4c1f197f488512ac2ed36075c.jpg\"\/>\n                            <\/td>\n                                                    <td class=\"td_2\" style=\"width: auto\">\n                                Basset Hound\n                            <\/td>\n                                                    <td class=\"td_4\" style=\"width: auto\">\n                                Moderate\n                            <\/td>\n                                                    <td class=\"td_3\" style=\"width: auto\">\n                                <a  href=\".\/?ar=view&amp;tp=3&amp;form_id=6&amp;entryid=2&amp;nonce=1b9f3ccc95&amp;tid=3\">View Entry<\/a>\n                            <\/td>\n                                            <\/tr>\n                    \n                                    <tr class=\"Row2\">\n                                                    <td class=\"td_1\" style=\"width: 30%\">\n                                <img style=\"max-width:100%; border:1px solid #dfdfdf;\" img src=\"https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/uploads\/sites\/217\/wpforms\/6-3c5226172a0396669dd92f8958ebd55c\/purina-brand-que-sabes-de-los-perros-poodle-8c09950395fa73fd624f-09f1d0d54d120a2b823fde5d5f440dc0.jpg\"\/>\n                            <\/td>\n                                                    <td class=\"td_2\" style=\"width: auto\">\n                                Poodle\n                            <\/td>\n                                                    <td class=\"td_4\" style=\"width: auto\">\n                                Moderate\n                            <\/td>\n                                                    <td class=\"td_3\" style=\"width: auto\">\n                                <a  href=\".\/?ar=view&amp;tp=3&amp;form_id=6&amp;entryid=3&amp;nonce=6771357f13&amp;tid=3\">View Entry<\/a>\n                            <\/td>\n                                            <\/tr>\n                    \n                                    <tr class=\"Row3\">\n                                                    <td class=\"td_1\" style=\"width: 30%\">\n                                <img style=\"max-width:100%; border:1px solid #dfdfdf;\" img src=\"https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/uploads\/sites\/217\/wpforms\/6-3c5226172a0396669dd92f8958ebd55c\/Miniature-Schnauzer-On-White-01-fa933efeaf56313951f1dccf2671e513-0cba4669e171f1cfacfb59f46f2173e2.jpg\"\/>\n                            <\/td>\n                                                    <td class=\"td_2\" style=\"width: auto\">\n                                Miniature Schnauzer\n                            <\/td>\n                                                    <td class=\"td_4\" style=\"width: auto\">\n                                Good\n                            <\/td>\n                                                    <td class=\"td_3\" style=\"width: auto\">\n                                <a  href=\".\/?ar=view&amp;tp=3&amp;form_id=6&amp;entryid=4&amp;nonce=1d3acc2435&amp;tid=3\">View Entry<\/a>\n                            <\/td>\n                                            <\/tr>\n                    \n                                    <tr class=\"Row4\">\n                                                    <td class=\"td_1\" style=\"width: 30%\">\n                                <img style=\"max-width:100%; border:1px solid #dfdfdf;\" img src=\"https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/uploads\/sites\/217\/wpforms\/6-3c5226172a0396669dd92f8958ebd55c\/Labrador-Retriever-fc240a271e78e66d8dfb2a2ede7ece92.webp\"\/>\n                            <\/td>\n                                                    <td class=\"td_2\" style=\"width: auto\">\n                                Labrador Retriever\n                            <\/td>\n                                                    <td class=\"td_4\" style=\"width: auto\">\n                                Good\n                            <\/td>\n                                                    <td class=\"td_3\" style=\"width: auto\">\n                                <a  href=\".\/?ar=view&amp;tp=3&amp;form_id=6&amp;entryid=5&amp;nonce=f2dc7236cb&amp;tid=3\">View Entry<\/a>\n                            <\/td>\n                                            <\/tr>\n                    \n                                    <tr class=\"Row5\">\n                                                    <td class=\"td_1\" style=\"width: 30%\">\n                                <img style=\"max-width:100%; border:1px solid #dfdfdf;\" img src=\"https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/uploads\/sites\/217\/wpforms\/6-3c5226172a0396669dd92f8958ebd55c\/maltese-dog-walking-on-seashore-0b8a23a3961d2427d5560b1a78194b5a.png\"\/>\n                            <\/td>\n                                                    <td class=\"td_2\" style=\"width: auto\">\n                                Maltese\n                            <\/td>\n                                                    <td class=\"td_4\" style=\"width: auto\">\n                                Good\n                            <\/td>\n                                                    <td class=\"td_3\" style=\"width: auto\">\n                                <a  href=\".\/?ar=view&amp;tp=3&amp;form_id=6&amp;entryid=6&amp;nonce=968ce6944a&amp;tid=3\">View Entry<\/a>\n                            <\/td>\n                                            <\/tr>\n                    \n                                    <tr class=\"Row6\">\n                                                    <td class=\"td_1\" style=\"width: 30%\">\n                                <img style=\"max-width:100%; border:1px solid #dfdfdf;\" img src=\"https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/uploads\/sites\/217\/wpforms\/6-3c5226172a0396669dd92f8958ebd55c\/Alaskan-malamute-2c441e7b5aa2e7413f43909136d22d6d.png\"\/>\n                            <\/td>\n                                                    <td class=\"td_2\" style=\"width: auto\">\n                                Alaskan Malamute\n                            <\/td>\n                                                    <td class=\"td_4\" style=\"width: auto\">\n                                Bad\n                            <\/td>\n                                                    <td class=\"td_3\" style=\"width: auto\">\n                                <a  href=\".\/?ar=view&amp;tp=3&amp;form_id=6&amp;entryid=7&amp;nonce=b10a20d781&amp;tid=3\">View Entry<\/a>\n                            <\/td>\n                                            <\/tr>\n                    \n                                    <tr class=\"Row7\">\n                                                    <td class=\"td_1\" style=\"width: 30%\">\n                                <img style=\"max-width:100%; border:1px solid #dfdfdf;\" img src=\"https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/uploads\/sites\/217\/wpforms\/6-3c5226172a0396669dd92f8958ebd55c\/afador-mixed-dog-breed-pictures-1-1442x1328-fadf94dd59e5675ad2baa45ee7ea732d.jpg\"\/>\n                            <\/td>\n                                                    <td class=\"td_2\" style=\"width: auto\">\n                                Afador\n                            <\/td>\n                                                    <td class=\"td_4\" style=\"width: auto\">\n                                Bad\n                            <\/td>\n                                                    <td class=\"td_3\" style=\"width: auto\">\n                                <a  href=\".\/?ar=view&amp;tp=3&amp;form_id=6&amp;entryid=8&amp;nonce=7298c271db&amp;tid=3\">View Entry<\/a>\n                            <\/td>\n                                            <\/tr>\n                    \n                                    <tr class=\"Row8\">\n                                                    <td class=\"td_1\" style=\"width: 30%\">\n                                <img style=\"max-width:100%; border:1px solid #dfdfdf;\" img src=\"https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/uploads\/sites\/217\/wpforms\/6-3c5226172a0396669dd92f8958ebd55c\/Bernedoodle-fd50b296e30ae1d66b7034d7908fdf42.png\"\/>\n                            <\/td>\n                                                    <td class=\"td_2\" style=\"width: auto\">\n                                Bernedoodle\n                            <\/td>\n                                                    <td class=\"td_4\" style=\"width: auto\">\n                                Moderate\n                            <\/td>\n                                                    <td class=\"td_3\" style=\"width: auto\">\n                                <a  href=\".\/?ar=view&amp;tp=3&amp;form_id=6&amp;entryid=9&amp;nonce=62ec3d8194&amp;tid=3\">View Entry<\/a>\n                            <\/td>\n                                            <\/tr>\n                    \n                                    <tr class=\"Row9\">\n                                                    <td class=\"td_1\" style=\"width: 30%\">\n                                <img style=\"max-width:100%; border:1px solid #dfdfdf;\" img src=\"https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/uploads\/sites\/217\/wpforms\/6-3c5226172a0396669dd92f8958ebd55c\/basset-retriever-mixed-dog-breed-pictures-1-e8b34ce8df86f8b463462287139bcd83.jpg\"\/>\n                            <\/td>\n                                                    <td class=\"td_2\" style=\"width: auto\">\n                                Basset Retriever\n                            <\/td>\n                                                    <td class=\"td_4\" style=\"width: auto\">\n                                Moderate\n                            <\/td>\n                                                    <td class=\"td_3\" style=\"width: auto\">\n                                <a  href=\".\/?ar=view&amp;tp=3&amp;form_id=6&amp;entryid=10&amp;nonce=902aa540c6&amp;tid=3\">View Entry<\/a>\n                            <\/td>\n                                            <\/tr>\n                    \n                                    <tr class=\"Row10\">\n                                                    <td class=\"td_1\" style=\"width: 30%\">\n                                <img style=\"max-width:100%; border:1px solid #dfdfdf;\" img src=\"https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/uploads\/sites\/217\/wpforms\/6-3c5226172a0396669dd92f8958ebd55c\/affenpoo-650x430-c1b4f2dc669e1cbe3517b83e0d31be02.png\"\/>\n                            <\/td>\n                                                    <td class=\"td_2\" style=\"width: auto\">\n                                Affenpoo\n                            <\/td>\n                                                    <td class=\"td_4\" style=\"width: auto\">\n                                Moderate\n                            <\/td>\n                                                    <td class=\"td_3\" style=\"width: auto\">\n                                <a  href=\".\/?ar=view&amp;tp=3&amp;form_id=6&amp;entryid=11&amp;nonce=56687cc2f7&amp;tid=3\">View Entry<\/a>\n                            <\/td>\n                                            <\/tr>\n                    \n                                    <\/tbody>\n    <\/table>\n<\/div>\n\n                    \n            \n<div class=\"Section Section_BottomSection\">\n    <\/div>\n            <\/div>\n<\/div>\n\n        \n    <\/form>\n\n    <script>\n        function rnSubmit(e,parameters)\n        {\n            e.preventDefault();\n            let pageGenerator=e.target.closest('.PageGenerator').PageGenerator;\n            pageGenerator.Submit(parameters);\n        }\n    <\/script>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/demos.rednao.com\/pagebuilder\/wp-json\/wp\/v2\/pages\/41"}],"collection":[{"href":"https:\/\/demos.rednao.com\/pagebuilder\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.rednao.com\/pagebuilder\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.rednao.com\/pagebuilder\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.rednao.com\/pagebuilder\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":1,"href":"https:\/\/demos.rednao.com\/pagebuilder\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/demos.rednao.com\/pagebuilder\/wp-json\/wp\/v2\/pages\/41\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/demos.rednao.com\/pagebuilder\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}