{"users":[{"id":2,"username":"George","name":"George Petrov","avatar_template":"/user_avatar/community.wappler.io/george/{size}/408_2.png"},{"id":3387,"username":"mpardini","name":"Marina","avatar_template":"/user_avatar/community.wappler.io/mpardini/{size}/9039_2.png"},{"id":91,"username":"psweb","name":"Paul Strydom","avatar_template":"/user_avatar/community.wappler.io/psweb/{size}/530_2.png"},{"id":908,"username":"NewMedia","name":"","avatar_template":"/user_avatar/community.wappler.io/newmedia/{size}/60446_2.png"},{"id":-1,"username":"system","name":"system","avatar_template":"/user_avatar/community.wappler.io/system/{size}/55980_2.png"},{"id":418,"username":"Hyperbytes","name":"Brian English","avatar_template":"/user_avatar/community.wappler.io/hyperbytes/{size}/794_2.png"},{"id":4,"username":"Teodor","name":"Teodor Kuduschiev","avatar_template":"/user_avatar/community.wappler.io/teodor/{size}/56159_2.png"},{"id":767,"username":"TonyTee","name":"","avatar_template":"/letter_avatar/tonytee/{size}/5_81c48a6156c45fac0d25db91e6a334df.png"},{"id":59,"username":"brad","name":"Brad Lawryk","avatar_template":"/user_avatar/community.wappler.io/brad/{size}/27188_2.png"},{"id":1675,"username":"dmf","name":"Dana M. Farley","avatar_template":"/user_avatar/community.wappler.io/dmf/{size}/9649_2.png"},{"id":219,"username":"turn3636","name":"turn3636","avatar_template":"/user_avatar/community.wappler.io/turn3636/{size}/4076_2.png"},{"id":1033,"username":"Freddy_Blockchain","name":"Freddy Blockchain","avatar_template":"/user_avatar/community.wappler.io/freddy_blockchain/{size}/8843_2.png"},{"id":9,"username":"TomD","name":"","avatar_template":"/letter_avatar/tomd/{size}/5_81c48a6156c45fac0d25db91e6a334df.png"},{"id":17661,"username":"baitabihaviour","name":"baita","avatar_template":"/user_avatar/community.wappler.io/baitabihaviour/{size}/51695_2.png"},{"id":137,"username":"ben","name":"Ben Pleysier","avatar_template":"/user_avatar/community.wappler.io/ben/{size}/51152_2.png"},{"id":90,"username":"ajansen","name":"AJ","avatar_template":"/user_avatar/community.wappler.io/ajansen/{size}/527_2.png"},{"id":6516,"username":"Heather_Mann","name":"Heather Mann","avatar_template":"/user_avatar/community.wappler.io/heather_mann/{size}/61877_2.png"},{"id":8170,"username":"RainerRichter","name":"Rainer Richter","avatar_template":"/user_avatar/community.wappler.io/rainerrichter/{size}/19952_2.png"},{"id":8267,"username":"mymdsdigital","name":"Juan Olarte","avatar_template":"/letter_avatar/mymdsdigital/{size}/5_81c48a6156c45fac0d25db91e6a334df.png"},{"id":16730,"username":"Apple","name":"","avatar_template":"/user_avatar/community.wappler.io/apple/{size}/67894_2.png"},{"id":10937,"username":"xsfizzix","name":"Jesse Hunter","avatar_template":"/user_avatar/community.wappler.io/xsfizzix/{size}/38332_2.png"},{"id":16889,"username":"ruast","name":"","avatar_template":"/letter_avatar/ruast/{size}/5_81c48a6156c45fac0d25db91e6a334df.png"}],"primary_groups":[],"topic_list":{"can_create_topic":false,"more_topics_url":"/c/docs/how-to-guides/31/l/latest?page=1","draft":null,"draft_key":"new_topic","draft_sequence":null,"per_page":30,"topics":[{"id":2870,"title":"Formatting Dynamic Data for Client Side Display","fancy_title":"Formatting Dynamic Data for Client Side Display","slug":"formatting-dynamic-data-for-client-side-display","posts_count":10,"reply_count":6,"highest_post_number":51,"image_url":"https://community.wappler.io/uploads/default/original/2X/b/b0705593863dc647b650ae633e01f1d95a89f67e.jpeg","created_at":"2018-06-23T22:00:00.000Z","last_posted_at":"2024-02-07T04:17:35.132Z","bumped":true,"bumped_at":"2024-02-07T04:17:35.132Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"There are different data format options, which you can use to format different data types on your page. The format options depend on the data type - text, numbers, dates etc. \nIn order to format a dyn…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":662,"url":"https://community.wappler.io/uploads/default/original/2X/b/b0705593863dc647b650ae633e01f1d95a89f67e.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":378,"url":"https://community.wappler.io/uploads/default/optimized/2X/b/b0705593863dc647b650ae633e01f1d95a89f67e_2_400x378.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":189,"url":"https://community.wappler.io/uploads/default/optimized/2X/b/b0705593863dc647b650ae633e01f1d95a89f67e_2_200x189.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":94,"url":"https://community.wappler.io/uploads/default/optimized/2X/b/b0705593863dc647b650ae633e01f1d95a89f67e_2_100x94.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":47,"url":"https://community.wappler.io/uploads/default/optimized/2X/b/b0705593863dc647b650ae633e01f1d95a89f67e_2_50x47.jpeg"}],"tags":[],"views":3377,"like_count":2,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":13901,"topic_post_liked":false,"topic_post_like_count":2,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":2,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":3387,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":91,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":908,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":1479,"title":"Reinstall Wappler from scratch","fancy_title":"Reinstall Wappler from scratch","slug":"reinstall-wappler-from-scratch","posts_count":2,"reply_count":0,"highest_post_number":17,"image_url":null,"created_at":"2018-06-24T07:52:54.241Z","last_posted_at":"2024-02-19T05:59:45.773Z","bumped":true,"bumped_at":"2024-02-19T05:59:45.773Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Sometimes you need to do a completely clean install of Wappler. \nYou won’t be losing anything as Wappler is fully self containing and also your project preferences are stored in the project folders. \nY…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"views":2519,"like_count":3,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":5949,"topic_post_liked":false,"topic_post_like_count":3,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":2,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":2910,"title":"Inserting Common HTML Tags","fancy_title":"Inserting Common HTML Tags","slug":"inserting-common-html-tags","posts_count":8,"reply_count":0,"highest_post_number":44,"image_url":"https://community.wappler.io/uploads/default/original/2X/0/01a697a5c14060c391708dd06df9e5abab9a51fd.jpeg","created_at":"2018-07-11T22:00:00.000Z","last_posted_at":"2024-02-09T04:39:14.193Z","bumped":true,"bumped_at":"2024-02-09T04:39:14.193Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"In order to insert common HTML Tags, such as div, span, article, aside etc. you need to switch to DOM Tree panel as App Structure panel is used to display only components. We will show you how add a s…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":534,"url":"https://community.wappler.io/uploads/default/original/2X/0/01a697a5c14060c391708dd06df9e5abab9a51fd.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":305,"url":"https://community.wappler.io/uploads/default/optimized/2X/0/01a697a5c14060c391708dd06df9e5abab9a51fd_2_400x305.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":152,"url":"https://community.wappler.io/uploads/default/optimized/2X/0/01a697a5c14060c391708dd06df9e5abab9a51fd_2_200x152.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":76,"url":"https://community.wappler.io/uploads/default/optimized/2X/0/01a697a5c14060c391708dd06df9e5abab9a51fd_2_100x76.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":38,"url":"https://community.wappler.io/uploads/default/optimized/2X/0/01a697a5c14060c391708dd06df9e5abab9a51fd_2_50x38.jpeg"}],"tags":[],"views":2761,"like_count":7,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":14102,"topic_post_liked":false,"topic_post_like_count":7,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":2,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":2911,"title":"Drag & Drop Elements","fancy_title":"Drag & Drop Elements","slug":"drag-drop-elements","posts_count":2,"reply_count":0,"highest_post_number":44,"image_url":"https://community.wappler.io/uploads/default/original/2X/d/d690c6db5d7701c63157af5638ff293c62bdf74c.jpeg","created_at":"2018-07-12T22:00:00.000Z","last_posted_at":"2024-02-15T05:44:26.352Z","bumped":true,"bumped_at":"2024-02-15T05:44:26.352Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"You can drag any of the elements inside App Structure. Just select the element you want to move and start dragging it in the tree: \n \nWhen the element which you are dragging cannot to be placed at spe…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":549,"url":"https://community.wappler.io/uploads/default/original/2X/d/d690c6db5d7701c63157af5638ff293c62bdf74c.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":313,"url":"https://community.wappler.io/uploads/default/optimized/2X/d/d690c6db5d7701c63157af5638ff293c62bdf74c_2_400x313.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":156,"url":"https://community.wappler.io/uploads/default/optimized/2X/d/d690c6db5d7701c63157af5638ff293c62bdf74c_2_200x156.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":78,"url":"https://community.wappler.io/uploads/default/optimized/2X/d/d690c6db5d7701c63157af5638ff293c62bdf74c_2_100x78.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":39,"url":"https://community.wappler.io/uploads/default/optimized/2X/d/d690c6db5d7701c63157af5638ff293c62bdf74c_2_50x39.jpeg"}],"tags":[],"views":2783,"like_count":2,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":14103,"topic_post_liked":false,"topic_post_like_count":2,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":false,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":2,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":2912,"title":"Dynamic Attributes","fancy_title":"Dynamic Attributes","slug":"dynamic-attributes","posts_count":16,"reply_count":0,"highest_post_number":45,"image_url":"https://community.wappler.io/uploads/default/original/2X/c/c9d77e388b1feb3649ba9fbe50e9716a4b16c0c6.jpeg","created_at":"2018-07-13T22:00:00.000Z","last_posted_at":"2024-03-22T09:33:47.134Z","bumped":true,"bumped_at":"2024-03-22T09:33:47.134Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Dynamic attributes in Wappler give you powerful option for dynamically binding attributes like - image sources, href attributes, names, input values etc., as well as show/hide or disable elements on t…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":613,"url":"https://community.wappler.io/uploads/default/original/2X/c/c9d77e388b1feb3649ba9fbe50e9716a4b16c0c6.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":350,"url":"https://community.wappler.io/uploads/default/optimized/2X/c/c9d77e388b1feb3649ba9fbe50e9716a4b16c0c6_2_400x350.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":175,"url":"https://community.wappler.io/uploads/default/optimized/2X/c/c9d77e388b1feb3649ba9fbe50e9716a4b16c0c6_2_200x175.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":87,"url":"https://community.wappler.io/uploads/default/optimized/2X/c/c9d77e388b1feb3649ba9fbe50e9716a4b16c0c6_2_100x87.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":43,"url":"https://community.wappler.io/uploads/default/optimized/2X/c/c9d77e388b1feb3649ba9fbe50e9716a4b16c0c6_2_50x43.jpeg"}],"tags":[],"views":3536,"like_count":5,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":14104,"topic_post_liked":false,"topic_post_like_count":5,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":2,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":2913,"title":"Defining and Using URL Parameters","fancy_title":"Defining and Using URL Parameters","slug":"defining-and-using-url-parameters","posts_count":22,"reply_count":0,"highest_post_number":46,"image_url":"https://community.wappler.io/uploads/default/optimized/3X/1/9/1920504eaf7529937162c563011c5e054362443d_2_1024x640.jpeg","created_at":"2018-07-14T22:00:00.000Z","last_posted_at":"2024-03-23T13:36:12.088Z","bumped":true,"bumped_at":"2024-03-23T13:36:12.088Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Intro\nWith Wappler you can access the values of your URL Parameters. For example you can access and use the value of myparam from the following URL: https://mysite.com/page.html?myparam=123 \nDefinin…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1440,"height":900,"url":"https://community.wappler.io/uploads/default/original/3X/1/9/1920504eaf7529937162c563011c5e054362443d.jpeg"},{"max_width":1024,"max_height":1024,"width":1024,"height":640,"url":"https://community.wappler.io/uploads/default/optimized/3X/1/9/1920504eaf7529937162c563011c5e054362443d_2_1024x640.jpeg"},{"max_width":800,"max_height":800,"width":800,"height":500,"url":"https://community.wappler.io/uploads/default/optimized/3X/1/9/1920504eaf7529937162c563011c5e054362443d_2_800x500.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":250,"url":"https://community.wappler.io/uploads/default/optimized/3X/1/9/1920504eaf7529937162c563011c5e054362443d_2_400x250.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":125,"url":"https://community.wappler.io/uploads/default/optimized/3X/1/9/1920504eaf7529937162c563011c5e054362443d_2_200x125.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":62,"url":"https://community.wappler.io/uploads/default/optimized/3X/1/9/1920504eaf7529937162c563011c5e054362443d_2_100x62.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":31,"url":"https://community.wappler.io/uploads/default/optimized/3X/1/9/1920504eaf7529937162c563011c5e054362443d_2_50x31.jpeg"}],"tags":[],"views":2998,"like_count":4,"has_summary":false,"last_poster_username":"Hyperbytes","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":14105,"topic_post_liked":false,"topic_post_like_count":4,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":2,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":-1,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":418,"primary_group_id":null}]},{"id":2914,"title":"Applying Responsive Images","fancy_title":"Applying Responsive Images","slug":"applying-responsive-images","posts_count":18,"reply_count":2,"highest_post_number":47,"image_url":"https://community.wappler.io/uploads/default/original/2X/e/e122c503d1f7d2600a3e772fe430707c60ecd247.jpeg","created_at":"2018-07-15T22:00:00.000Z","last_posted_at":"2024-02-05T04:00:41.172Z","bumped":true,"bumped_at":"2024-02-05T04:00:41.172Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Adding responsive images in your Bootstrap 4 layout is another easy thing to do with Wappler. \nFirst, select the element you want to insert image into, and click the add inside button (1): \n \nClick th…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":456,"url":"https://community.wappler.io/uploads/default/original/2X/e/e122c503d1f7d2600a3e772fe430707c60ecd247.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":260,"url":"https://community.wappler.io/uploads/default/optimized/2X/e/e122c503d1f7d2600a3e772fe430707c60ecd247_2_400x260.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":130,"url":"https://community.wappler.io/uploads/default/optimized/2X/e/e122c503d1f7d2600a3e772fe430707c60ecd247_2_200x130.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":65,"url":"https://community.wappler.io/uploads/default/optimized/2X/e/e122c503d1f7d2600a3e772fe430707c60ecd247_2_100x65.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":32,"url":"https://community.wappler.io/uploads/default/optimized/2X/e/e122c503d1f7d2600a3e772fe430707c60ecd247_2_50x32.jpeg"}],"tags":[],"views":2153,"like_count":4,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":14106,"topic_post_liked":false,"topic_post_like_count":4,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":false,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":2,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":4,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":767,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":2915,"title":"Applying Margin and Padding","fancy_title":"Applying Margin and Padding","slug":"applying-margin-and-padding","posts_count":16,"reply_count":4,"highest_post_number":46,"image_url":"https://community.wappler.io/uploads/default/original/2X/c/c816143c3c57f96b15375759cf8e9a1c64fb4374.jpeg","created_at":"2018-07-16T22:00:00.000Z","last_posted_at":"2024-02-22T06:28:34.041Z","bumped":true,"bumped_at":"2024-02-22T06:28:34.041Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"You can add margin or padding to any element in your Bootstrap 4 pages. \nStart by selecting the element (1) and scroll in the properties inspector to the Spacing options: \n \nAdd the required margin or…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":456,"url":"https://community.wappler.io/uploads/default/original/2X/c/c816143c3c57f96b15375759cf8e9a1c64fb4374.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":260,"url":"https://community.wappler.io/uploads/default/optimized/2X/c/c816143c3c57f96b15375759cf8e9a1c64fb4374_2_400x260.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":130,"url":"https://community.wappler.io/uploads/default/optimized/2X/c/c816143c3c57f96b15375759cf8e9a1c64fb4374_2_200x130.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":65,"url":"https://community.wappler.io/uploads/default/optimized/2X/c/c816143c3c57f96b15375759cf8e9a1c64fb4374_2_100x65.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":32,"url":"https://community.wappler.io/uploads/default/optimized/2X/c/c816143c3c57f96b15375759cf8e9a1c64fb4374_2_50x32.jpeg"}],"tags":[],"views":2423,"like_count":4,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":14108,"topic_post_liked":false,"topic_post_like_count":4,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":2,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":4,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":2916,"title":"Adding Class or ID","fancy_title":"Adding Class or ID","slug":"adding-class-or-id","posts_count":2,"reply_count":0,"highest_post_number":44,"image_url":"https://community.wappler.io/uploads/default/original/2X/1/15bbab95c140d575c2dabdb5c21fd8936c7a19c5.jpeg","created_at":"2018-07-17T22:00:00.000Z","last_posted_at":"2024-02-25T06:50:22.843Z","bumped":true,"bumped_at":"2024-02-25T06:50:22.843Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"You can add classes or IDs to your elements, using the properties inspector. Just select your element either in Design View (1) or in App Structure (2) and add the ID (3) and Classes (4) you need in t…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":456,"url":"https://community.wappler.io/uploads/default/original/2X/1/15bbab95c140d575c2dabdb5c21fd8936c7a19c5.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":260,"url":"https://community.wappler.io/uploads/default/optimized/2X/1/15bbab95c140d575c2dabdb5c21fd8936c7a19c5_2_400x260.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":130,"url":"https://community.wappler.io/uploads/default/optimized/2X/1/15bbab95c140d575c2dabdb5c21fd8936c7a19c5_2_200x130.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":65,"url":"https://community.wappler.io/uploads/default/optimized/2X/1/15bbab95c140d575c2dabdb5c21fd8936c7a19c5_2_100x65.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":32,"url":"https://community.wappler.io/uploads/default/optimized/2X/1/15bbab95c140d575c2dabdb5c21fd8936c7a19c5_2_50x32.jpeg"}],"tags":[],"views":2161,"like_count":2,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":14109,"topic_post_liked":false,"topic_post_like_count":2,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":false,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":2,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":2917,"title":"Deleting Elements","fancy_title":"Deleting Elements","slug":"deleting-elements","posts_count":12,"reply_count":0,"highest_post_number":44,"image_url":"https://community.wappler.io/uploads/default/original/2X/f/ff5c16671fe773514418c669c0f7d200809c7fd0.jpeg","created_at":"2018-07-18T22:00:00.000Z","last_posted_at":"2024-03-02T07:23:42.619Z","bumped":true,"bumped_at":"2024-03-02T07:23:42.619Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Deleting an element is really easy. Select the element in Design View and click the delete icon (1): \n \n\n ","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":456,"url":"https://community.wappler.io/uploads/default/original/2X/f/ff5c16671fe773514418c669c0f7d200809c7fd0.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":260,"url":"https://community.wappler.io/uploads/default/optimized/2X/f/ff5c16671fe773514418c669c0f7d200809c7fd0_2_400x260.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":130,"url":"https://community.wappler.io/uploads/default/optimized/2X/f/ff5c16671fe773514418c669c0f7d200809c7fd0_2_200x130.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":65,"url":"https://community.wappler.io/uploads/default/optimized/2X/f/ff5c16671fe773514418c669c0f7d200809c7fd0_2_100x65.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":32,"url":"https://community.wappler.io/uploads/default/optimized/2X/f/ff5c16671fe773514418c669c0f7d200809c7fd0_2_50x32.jpeg"}],"tags":[],"views":1736,"like_count":1,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":14110,"topic_post_liked":false,"topic_post_like_count":1,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":false,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":2,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":2918,"title":"Duplicating Elements","fancy_title":"Duplicating Elements","slug":"duplicating-elements","posts_count":10,"reply_count":0,"highest_post_number":44,"image_url":"https://community.wappler.io/uploads/default/original/2X/5/5a308762a782558e7b76eb1fd687cc99ae7779dd.jpeg","created_at":"2018-07-19T22:00:00.000Z","last_posted_at":"2024-03-09T08:01:44.917Z","bumped":true,"bumped_at":"2024-03-09T08:01:44.917Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"In order to duplicate an existing element on the page, just select it and click the duplicate icon (1): \n \nThis duplicates the element immediately and you customize it as needed. You can see the dupli…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":456,"url":"https://community.wappler.io/uploads/default/original/2X/5/5a308762a782558e7b76eb1fd687cc99ae7779dd.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":260,"url":"https://community.wappler.io/uploads/default/optimized/2X/5/5a308762a782558e7b76eb1fd687cc99ae7779dd_2_400x260.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":130,"url":"https://community.wappler.io/uploads/default/optimized/2X/5/5a308762a782558e7b76eb1fd687cc99ae7779dd_2_200x130.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":65,"url":"https://community.wappler.io/uploads/default/optimized/2X/5/5a308762a782558e7b76eb1fd687cc99ae7779dd_2_100x65.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":32,"url":"https://community.wappler.io/uploads/default/optimized/2X/5/5a308762a782558e7b76eb1fd687cc99ae7779dd_2_50x32.jpeg"}],"tags":[],"views":1965,"like_count":2,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":14111,"topic_post_liked":false,"topic_post_like_count":2,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":false,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":2,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":2919,"title":"Working with Elements on your pages","fancy_title":"Working with Elements on your pages","slug":"working-with-elements-on-your-pages","posts_count":9,"reply_count":0,"highest_post_number":44,"image_url":"https://community.wappler.io/uploads/default/original/2X/e/e2c61654ade08caeb6484224fa385e0e576fd77b.jpeg","created_at":"2018-07-20T22:00:00.000Z","last_posted_at":"2024-03-15T08:49:49.334Z","bumped":true,"bumped_at":"2024-03-15T08:49:49.334Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Learn how to add, delete or duplicate elements on your page \nAdd Elements to the Page\nAdding elements to your pages is a matter of couple of clicks. Starting with a blank new page, just click the blu…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":529,"url":"https://community.wappler.io/uploads/default/original/2X/e/e2c61654ade08caeb6484224fa385e0e576fd77b.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":302,"url":"https://community.wappler.io/uploads/default/optimized/2X/e/e2c61654ade08caeb6484224fa385e0e576fd77b_2_400x302.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":151,"url":"https://community.wappler.io/uploads/default/optimized/2X/e/e2c61654ade08caeb6484224fa385e0e576fd77b_2_200x151.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":75,"url":"https://community.wappler.io/uploads/default/optimized/2X/e/e2c61654ade08caeb6484224fa385e0e576fd77b_2_100x75.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":37,"url":"https://community.wappler.io/uploads/default/optimized/2X/e/e2c61654ade08caeb6484224fa385e0e576fd77b_2_50x37.jpeg"}],"tags":[],"views":2234,"like_count":2,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":14112,"topic_post_liked":false,"topic_post_like_count":2,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":false,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":2,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":2920,"title":"Adding Bootstrap 4","fancy_title":"Adding Bootstrap 4","slug":"adding-bootstrap-4","posts_count":5,"reply_count":0,"highest_post_number":45,"image_url":"https://community.wappler.io/uploads/default/original/2X/9/90f71ae6aac6b3952c808f4c41aee7ef38d528d6.jpeg","created_at":"2018-07-21T22:00:00.000Z","last_posted_at":"2024-01-18T08:13:48.786Z","bumped":true,"bumped_at":"2024-01-18T02:39:04.294Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Adding the Bootstrap 4 framework to all your pages.\nThe Bootstrap 4 framework was created with rapid development and ease in mind, Wappler takes this concept to the next level by giving you the full B…","visible":true,"closed":true,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":989,"height":572,"url":"https://community.wappler.io/uploads/default/original/2X/9/90f71ae6aac6b3952c808f4c41aee7ef38d528d6.jpeg"},{"max_width":800,"max_height":800,"width":800,"height":462,"url":"https://community.wappler.io/uploads/default/optimized/2X/9/90f71ae6aac6b3952c808f4c41aee7ef38d528d6_2_800x462.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":231,"url":"https://community.wappler.io/uploads/default/optimized/2X/9/90f71ae6aac6b3952c808f4c41aee7ef38d528d6_2_400x231.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":115,"url":"https://community.wappler.io/uploads/default/optimized/2X/9/90f71ae6aac6b3952c808f4c41aee7ef38d528d6_2_200x115.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":57,"url":"https://community.wappler.io/uploads/default/optimized/2X/9/90f71ae6aac6b3952c808f4c41aee7ef38d528d6_2_100x57.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":28,"url":"https://community.wappler.io/uploads/default/optimized/2X/9/90f71ae6aac6b3952c808f4c41aee7ef38d528d6_2_50x28.jpeg"}],"tags":[],"views":2507,"like_count":3,"has_summary":false,"last_poster_username":"George","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":14113,"topic_post_liked":false,"topic_post_like_count":3,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":false,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":0,"can_vote":false,"user_voted":null,"posters":[{"extras":"latest","description":"Original Poster, Most Recent Poster","user_id":2,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":-1,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":59,"primary_group_id":null}]},{"id":2921,"title":"Adding App Connect on Your Pages","fancy_title":"Adding App Connect on Your Pages","slug":"adding-app-connect-on-your-pages","posts_count":4,"reply_count":0,"highest_post_number":44,"image_url":"https://community.wappler.io/uploads/default/optimized/3X/2/8/288869a22e0c079302762ce41b78e3960f9a8a1a_2_1024x640.jpeg","created_at":"2018-07-22T22:00:00.000Z","last_posted_at":"2024-03-08T08:00:50.804Z","bumped":true,"bumped_at":"2024-03-08T08:00:50.804Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"App Connect Introduction\nApp Connect is a high performance front-end framework just as powerful as React, Angular and VueJS. \nApp Connect however is much easier to use due to it’s custom component str…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1440,"height":900,"url":"https://community.wappler.io/uploads/default/original/3X/2/8/288869a22e0c079302762ce41b78e3960f9a8a1a.jpeg"},{"max_width":1024,"max_height":1024,"width":1024,"height":640,"url":"https://community.wappler.io/uploads/default/optimized/3X/2/8/288869a22e0c079302762ce41b78e3960f9a8a1a_2_1024x640.jpeg"},{"max_width":800,"max_height":800,"width":800,"height":500,"url":"https://community.wappler.io/uploads/default/optimized/3X/2/8/288869a22e0c079302762ce41b78e3960f9a8a1a_2_800x500.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":250,"url":"https://community.wappler.io/uploads/default/optimized/3X/2/8/288869a22e0c079302762ce41b78e3960f9a8a1a_2_400x250.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":125,"url":"https://community.wappler.io/uploads/default/optimized/3X/2/8/288869a22e0c079302762ce41b78e3960f9a8a1a_2_200x125.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":62,"url":"https://community.wappler.io/uploads/default/optimized/3X/2/8/288869a22e0c079302762ce41b78e3960f9a8a1a_2_100x62.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":31,"url":"https://community.wappler.io/uploads/default/optimized/3X/2/8/288869a22e0c079302762ce41b78e3960f9a8a1a_2_50x31.jpeg"}],"tags":[],"views":2562,"like_count":3,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":14114,"topic_post_liked":false,"topic_post_like_count":3,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":false,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":2,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":3751,"title":"Using Font Awesome","fancy_title":"Using Font Awesome","slug":"using-font-awesome","posts_count":10,"reply_count":0,"highest_post_number":43,"image_url":"https://community.wappler.io/uploads/default/original/2X/4/4d25a90329b806f7ffde173e9b1e2d3d71e11a95.png","created_at":"2018-11-15T15:35:30.546Z","last_posted_at":"2024-02-02T03:29:18.722Z","bumped":true,"bumped_at":"2024-02-02T03:29:18.722Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Wappler offers support for Font Awesome 4 and Font Awesome 5. \nIn this tutorial you will learn how to add and use Font Awesome on your pages. \nAdding the Font Awesome framework\nFont Awesome is availab…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":549,"height":274,"url":"https://community.wappler.io/uploads/default/original/2X/4/4d25a90329b806f7ffde173e9b1e2d3d71e11a95.png"},{"max_width":400,"max_height":400,"width":400,"height":199,"url":"https://community.wappler.io/uploads/default/optimized/2X/4/4d25a90329b806f7ffde173e9b1e2d3d71e11a95_2_400x199.png"},{"max_width":200,"max_height":200,"width":200,"height":99,"url":"https://community.wappler.io/uploads/default/optimized/2X/4/4d25a90329b806f7ffde173e9b1e2d3d71e11a95_2_200x99.png"},{"max_width":100,"max_height":100,"width":100,"height":49,"url":"https://community.wappler.io/uploads/default/optimized/2X/4/4d25a90329b806f7ffde173e9b1e2d3d71e11a95_2_100x49.png"},{"max_width":50,"max_height":50,"width":50,"height":24,"url":"https://community.wappler.io/uploads/default/optimized/2X/4/4d25a90329b806f7ffde173e9b1e2d3d71e11a95_2_50x24.png"}],"tags":[],"views":2857,"like_count":7,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":19841,"topic_post_liked":false,"topic_post_like_count":7,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":4,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":3752,"title":"Using Font Awesome 5 Pro","fancy_title":"Using Font Awesome 5 Pro","slug":"using-font-awesome-5-pro","posts_count":11,"reply_count":1,"highest_post_number":47,"image_url":"https://community.wappler.io/uploads/default/optimized/2X/6/63f704febd09d926f5a28358136092819c0199e9_2_1024x184.png","created_at":"2018-11-15T16:06:19.617Z","last_posted_at":"2024-02-21T06:14:26.558Z","bumped":true,"bumped_at":"2024-02-21T06:14:26.558Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"If you purchased a license for Font Awesome 5 Pro, there are two ways of using it. \nFont Awesome 5 Pro from CDN\nFirst you need to authorize your domain to use the purchased Pro license. You can do thi…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1478,"height":266,"url":"https://community.wappler.io/uploads/default/original/2X/6/63f704febd09d926f5a28358136092819c0199e9.png"},{"max_width":1024,"max_height":1024,"width":1024,"height":184,"url":"https://community.wappler.io/uploads/default/optimized/2X/6/63f704febd09d926f5a28358136092819c0199e9_2_1024x184.png"},{"max_width":800,"max_height":800,"width":800,"height":143,"url":"https://community.wappler.io/uploads/default/optimized/2X/6/63f704febd09d926f5a28358136092819c0199e9_2_800x143.png"},{"max_width":400,"max_height":400,"width":400,"height":71,"url":"https://community.wappler.io/uploads/default/optimized/2X/6/63f704febd09d926f5a28358136092819c0199e9_2_400x71.png"},{"max_width":200,"max_height":200,"width":200,"height":35,"url":"https://community.wappler.io/uploads/default/optimized/2X/6/63f704febd09d926f5a28358136092819c0199e9_2_200x35.png"},{"max_width":100,"max_height":100,"width":100,"height":17,"url":"https://community.wappler.io/uploads/default/optimized/2X/6/63f704febd09d926f5a28358136092819c0199e9_2_100x17.png"},{"max_width":50,"max_height":50,"width":50,"height":8,"url":"https://community.wappler.io/uploads/default/optimized/2X/6/63f704febd09d926f5a28358136092819c0199e9_2_50x8.png"}],"tags":[],"views":3482,"like_count":12,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":19843,"topic_post_liked":false,"topic_post_like_count":6,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":false,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":4,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":59,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":1675,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":219,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":4118,"title":"Show a Message when Query Returns No Results","fancy_title":"Show a Message when Query Returns No Results","slug":"show-a-message-when-query-returns-no-results","posts_count":2,"reply_count":0,"highest_post_number":43,"image_url":"https://community.wappler.io/uploads/default/optimized/2X/5/5be225260962dd10946ab8f3ecbe1ac6e7e72095_2_1024x581.jpeg","created_at":"2018-12-06T14:28:01.497Z","last_posted_at":"2024-03-16T08:50:34.518Z","bumped":true,"bumped_at":"2024-03-16T08:50:34.518Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"In some cases your query may return no results so it is useful to be able to show a message, telling the users no results are returned. In Wappler this can be done using the dynamic show/hide attribut…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1420,"height":807,"url":"https://community.wappler.io/uploads/default/original/2X/5/5be225260962dd10946ab8f3ecbe1ac6e7e72095.jpeg"},{"max_width":1024,"max_height":1024,"width":1024,"height":581,"url":"https://community.wappler.io/uploads/default/optimized/2X/5/5be225260962dd10946ab8f3ecbe1ac6e7e72095_2_1024x581.jpeg"},{"max_width":800,"max_height":800,"width":800,"height":454,"url":"https://community.wappler.io/uploads/default/optimized/2X/5/5be225260962dd10946ab8f3ecbe1ac6e7e72095_2_800x454.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":227,"url":"https://community.wappler.io/uploads/default/optimized/2X/5/5be225260962dd10946ab8f3ecbe1ac6e7e72095_2_400x227.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":113,"url":"https://community.wappler.io/uploads/default/optimized/2X/5/5be225260962dd10946ab8f3ecbe1ac6e7e72095_2_200x113.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":56,"url":"https://community.wappler.io/uploads/default/optimized/2X/5/5be225260962dd10946ab8f3ecbe1ac6e7e72095_2_100x56.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":28,"url":"https://community.wappler.io/uploads/default/optimized/2X/5/5be225260962dd10946ab8f3ecbe1ac6e7e72095_2_50x28.jpeg"}],"tags":[],"views":3392,"like_count":6,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":22105,"topic_post_liked":false,"topic_post_like_count":6,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":4,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":4121,"title":"Show Total Number of Records from a Query","fancy_title":"Show Total Number of Records from a Query","slug":"show-total-number-of-records-from-a-query","posts_count":11,"reply_count":8,"highest_post_number":46,"image_url":"https://community.wappler.io/uploads/default/optimized/2X/c/ce84777d3553454bee26212c8c8ef264c6715c56_2_1024x581.jpeg","created_at":"2018-12-06T14:55:44.934Z","last_posted_at":"2024-03-05T07:32:24.970Z","bumped":true,"bumped_at":"2024-03-05T07:32:24.970Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"We created a page, which returns records from a database query. We want to show the total number of records in a paragraph below the table: \n \nDouble click inside the paragraph, to activate the edit m…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1420,"height":807,"url":"https://community.wappler.io/uploads/default/original/2X/c/ce84777d3553454bee26212c8c8ef264c6715c56.jpeg"},{"max_width":1024,"max_height":1024,"width":1024,"height":581,"url":"https://community.wappler.io/uploads/default/optimized/2X/c/ce84777d3553454bee26212c8c8ef264c6715c56_2_1024x581.jpeg"},{"max_width":800,"max_height":800,"width":800,"height":454,"url":"https://community.wappler.io/uploads/default/optimized/2X/c/ce84777d3553454bee26212c8c8ef264c6715c56_2_800x454.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":227,"url":"https://community.wappler.io/uploads/default/optimized/2X/c/ce84777d3553454bee26212c8c8ef264c6715c56_2_400x227.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":113,"url":"https://community.wappler.io/uploads/default/optimized/2X/c/ce84777d3553454bee26212c8c8ef264c6715c56_2_200x113.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":56,"url":"https://community.wappler.io/uploads/default/optimized/2X/c/ce84777d3553454bee26212c8c8ef264c6715c56_2_100x56.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":28,"url":"https://community.wappler.io/uploads/default/optimized/2X/c/ce84777d3553454bee26212c8c8ef264c6715c56_2_50x28.jpeg"}],"tags":[],"views":2544,"like_count":12,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":22111,"topic_post_liked":false,"topic_post_like_count":8,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":4,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":1033,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":9,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":4161,"title":"Using Shortcut Keys for Dynamic Events","fancy_title":"Using Shortcut Keys for Dynamic Events","slug":"using-shortcut-keys-for-dynamic-events","posts_count":2,"reply_count":0,"highest_post_number":43,"image_url":"https://community.wappler.io/uploads/default/optimized/2X/b/baf87d58028c558120e4b3d50740cf22bc8e91af_2_1024x586.jpeg","created_at":"2018-12-07T15:50:15.830Z","last_posted_at":"2024-03-18T08:55:33.597Z","bumped":true,"bumped_at":"2024-03-18T08:55:33.597Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"With Wappler you can assign different Keyboard Keys as shortcuts for different dynamic events, like: controlling a slideshow, run server action, refresh data, update record, show modal etc. \nWe will s…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1445,"height":828,"url":"https://community.wappler.io/uploads/default/original/2X/b/baf87d58028c558120e4b3d50740cf22bc8e91af.jpeg"},{"max_width":1024,"max_height":1024,"width":1024,"height":586,"url":"https://community.wappler.io/uploads/default/optimized/2X/b/baf87d58028c558120e4b3d50740cf22bc8e91af_2_1024x586.jpeg"},{"max_width":800,"max_height":800,"width":800,"height":458,"url":"https://community.wappler.io/uploads/default/optimized/2X/b/baf87d58028c558120e4b3d50740cf22bc8e91af_2_800x458.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":229,"url":"https://community.wappler.io/uploads/default/optimized/2X/b/baf87d58028c558120e4b3d50740cf22bc8e91af_2_400x229.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":114,"url":"https://community.wappler.io/uploads/default/optimized/2X/b/baf87d58028c558120e4b3d50740cf22bc8e91af_2_200x114.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":57,"url":"https://community.wappler.io/uploads/default/optimized/2X/b/baf87d58028c558120e4b3d50740cf22bc8e91af_2_100x57.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":28,"url":"https://community.wappler.io/uploads/default/optimized/2X/b/baf87d58028c558120e4b3d50740cf22bc8e91af_2_50x28.jpeg"}],"tags":[],"views":2041,"like_count":4,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":22329,"topic_post_liked":false,"topic_post_like_count":4,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":false,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":4,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":4524,"title":"Vertical Navigation","fancy_title":"Vertical Navigation","slug":"vertical-navigation","posts_count":17,"reply_count":1,"highest_post_number":44,"image_url":"https://community.wappler.io/uploads/default/optimized/2X/9/96d090e07da1fe5d20fb924de69c9f8d599b16e3_2_1023x546.jpeg","created_at":"2018-12-19T09:24:54.284Z","last_posted_at":"2024-02-11T05:08:23.953Z","bumped":true,"bumped_at":"2024-02-11T05:08:23.953Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"In this tutorial we will show you how to create a vertical Navigation for your site, which for example, you can place in your sidebar. \nWe have a really simple layout - two columns, one has a width of…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1496,"height":798,"url":"https://community.wappler.io/uploads/default/original/2X/9/96d090e07da1fe5d20fb924de69c9f8d599b16e3.jpeg"},{"max_width":1024,"max_height":1024,"width":1023,"height":546,"url":"https://community.wappler.io/uploads/default/optimized/2X/9/96d090e07da1fe5d20fb924de69c9f8d599b16e3_2_1023x546.jpeg"},{"max_width":800,"max_height":800,"width":800,"height":426,"url":"https://community.wappler.io/uploads/default/optimized/2X/9/96d090e07da1fe5d20fb924de69c9f8d599b16e3_2_800x426.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":213,"url":"https://community.wappler.io/uploads/default/optimized/2X/9/96d090e07da1fe5d20fb924de69c9f8d599b16e3_2_400x213.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":106,"url":"https://community.wappler.io/uploads/default/optimized/2X/9/96d090e07da1fe5d20fb924de69c9f8d599b16e3_2_200x106.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":53,"url":"https://community.wappler.io/uploads/default/optimized/2X/9/96d090e07da1fe5d20fb924de69c9f8d599b16e3_2_100x53.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":26,"url":"https://community.wappler.io/uploads/default/optimized/2X/9/96d090e07da1fe5d20fb924de69c9f8d599b16e3_2_50x26.jpeg"}],"tags":[],"views":3850,"like_count":8,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":23980,"topic_post_liked":false,"topic_post_like_count":8,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":4,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":17661,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":4550,"title":"Sticky Navigation on Scroll","fancy_title":"Sticky Navigation on Scroll","slug":"sticky-navigation-on-scroll","posts_count":36,"reply_count":2,"highest_post_number":45,"image_url":"https://community.wappler.io/uploads/default/optimized/2X/8/89e4a96b3c792e1536b33649129e2381eeb854f7_2_1023x545.jpeg","created_at":"2018-12-20T09:09:38.982Z","last_posted_at":"2024-02-28T06:57:12.288Z","bumped":true,"bumped_at":"2024-02-28T06:57:12.288Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"In this tutorial we will show you how create a “sticky” Navbar for your site. \nWhat is a Sticky Menu?\nSticky, navigation is basically a website menu that is not initially fixed on the top of the page …","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1499,"height":799,"url":"https://community.wappler.io/uploads/default/original/2X/8/89e4a96b3c792e1536b33649129e2381eeb854f7.jpeg"},{"max_width":1024,"max_height":1024,"width":1023,"height":545,"url":"https://community.wappler.io/uploads/default/optimized/2X/8/89e4a96b3c792e1536b33649129e2381eeb854f7_2_1023x545.jpeg"},{"max_width":800,"max_height":800,"width":800,"height":426,"url":"https://community.wappler.io/uploads/default/optimized/2X/8/89e4a96b3c792e1536b33649129e2381eeb854f7_2_800x426.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":213,"url":"https://community.wappler.io/uploads/default/optimized/2X/8/89e4a96b3c792e1536b33649129e2381eeb854f7_2_400x213.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":106,"url":"https://community.wappler.io/uploads/default/optimized/2X/8/89e4a96b3c792e1536b33649129e2381eeb854f7_2_200x106.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":53,"url":"https://community.wappler.io/uploads/default/optimized/2X/8/89e4a96b3c792e1536b33649129e2381eeb854f7_2_100x53.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":26,"url":"https://community.wappler.io/uploads/default/optimized/2X/8/89e4a96b3c792e1536b33649129e2381eeb854f7_2_50x26.jpeg"}],"tags":[],"views":3167,"like_count":5,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":24093,"topic_post_liked":false,"topic_post_like_count":4,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":4,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":137,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":4825,"title":"Formatting Data in Dynamic Tables","fancy_title":"Formatting Data in Dynamic Tables","slug":"formatting-data-in-dynamic-tables","posts_count":33,"reply_count":3,"highest_post_number":43,"image_url":"https://community.wappler.io/uploads/default/optimized/2X/7/7813ac3a03944f2633b195404e1923ce32f82038_2_1023x564.jpeg","created_at":"2019-01-03T10:53:09.704Z","last_posted_at":"2024-03-17T08:50:45.315Z","bumped":true,"bumped_at":"2024-03-17T08:50:45.315Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"You can easily format the data in your dynamic tables created using the Bootstrap 4 Dynamic Table Generator. \nWe’ve generated a table on our page: \n \nThe Price column values are not formatted as curre…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1499,"height":826,"url":"https://community.wappler.io/uploads/default/original/2X/7/7813ac3a03944f2633b195404e1923ce32f82038.jpeg"},{"max_width":1024,"max_height":1024,"width":1023,"height":564,"url":"https://community.wappler.io/uploads/default/optimized/2X/7/7813ac3a03944f2633b195404e1923ce32f82038_2_1023x564.jpeg"},{"max_width":800,"max_height":800,"width":800,"height":440,"url":"https://community.wappler.io/uploads/default/optimized/2X/7/7813ac3a03944f2633b195404e1923ce32f82038_2_800x440.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":220,"url":"https://community.wappler.io/uploads/default/optimized/2X/7/7813ac3a03944f2633b195404e1923ce32f82038_2_400x220.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":110,"url":"https://community.wappler.io/uploads/default/optimized/2X/7/7813ac3a03944f2633b195404e1923ce32f82038_2_200x110.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":55,"url":"https://community.wappler.io/uploads/default/optimized/2X/7/7813ac3a03944f2633b195404e1923ce32f82038_2_100x55.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":27,"url":"https://community.wappler.io/uploads/default/optimized/2X/7/7813ac3a03944f2633b195404e1923ce32f82038_2_50x27.jpeg"}],"tags":[],"views":2668,"like_count":3,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":25230,"topic_post_liked":false,"topic_post_like_count":3,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":false,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":4,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":4846,"title":"Set Table Row Background Color with Dynamic Value","fancy_title":"Set Table Row Background Color with Dynamic Value","slug":"set-table-row-background-color-with-dynamic-value","posts_count":14,"reply_count":6,"highest_post_number":52,"image_url":"https://community.wappler.io/uploads/default/optimized/2X/b/ba83aa7be1e27fcdccf1513239432e22cddccd5a_2_1024x562.jpeg","created_at":"2019-01-04T09:27:28.047Z","last_posted_at":"2024-03-11T08:17:39.982Z","bumped":true,"bumped_at":"2024-03-11T08:17:39.982Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"You can change the table row background color, depending on a dynamic value from your database thanks to the dynamic attributes available in Wappler. In this tutorial we will show you how to use the d…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1495,"height":821,"url":"https://community.wappler.io/uploads/default/original/2X/b/ba83aa7be1e27fcdccf1513239432e22cddccd5a.jpeg"},{"max_width":1024,"max_height":1024,"width":1024,"height":562,"url":"https://community.wappler.io/uploads/default/optimized/2X/b/ba83aa7be1e27fcdccf1513239432e22cddccd5a_2_1024x562.jpeg"},{"max_width":800,"max_height":800,"width":800,"height":439,"url":"https://community.wappler.io/uploads/default/optimized/2X/b/ba83aa7be1e27fcdccf1513239432e22cddccd5a_2_800x439.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":219,"url":"https://community.wappler.io/uploads/default/optimized/2X/b/ba83aa7be1e27fcdccf1513239432e22cddccd5a_2_400x219.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":109,"url":"https://community.wappler.io/uploads/default/optimized/2X/b/ba83aa7be1e27fcdccf1513239432e22cddccd5a_2_200x109.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":54,"url":"https://community.wappler.io/uploads/default/optimized/2X/b/ba83aa7be1e27fcdccf1513239432e22cddccd5a_2_100x54.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":27,"url":"https://community.wappler.io/uploads/default/optimized/2X/b/ba83aa7be1e27fcdccf1513239432e22cddccd5a_2_50x27.jpeg"}],"tags":[],"views":4623,"like_count":9,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":25297,"topic_post_liked":false,"topic_post_like_count":3,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":4,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":1033,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":59,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":90,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":4847,"title":"Show Confirmation Popup when Deleting Records","fancy_title":"Show Confirmation Popup when Deleting Records","slug":"show-confirmation-popup-when-deleting-records","posts_count":18,"reply_count":8,"highest_post_number":52,"image_url":"https://community.wappler.io/uploads/default/optimized/2X/8/83d012edaed429d2a303cd9c847e1151e02bf9fa_2_1023x564.jpeg","created_at":"2019-01-04T10:29:43.168Z","last_posted_at":"2024-03-10T08:04:29.290Z","bumped":true,"bumped_at":"2024-03-10T08:04:29.290Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"You already know how to delete database records. \nThere are cases where you want to show users a confirmation dialog, asking them to confirm deletion. This can easily be done using Wappler static even…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1496,"height":824,"url":"https://community.wappler.io/uploads/default/original/2X/8/83d012edaed429d2a303cd9c847e1151e02bf9fa.jpeg"},{"max_width":1024,"max_height":1024,"width":1023,"height":564,"url":"https://community.wappler.io/uploads/default/optimized/2X/8/83d012edaed429d2a303cd9c847e1151e02bf9fa_2_1023x564.jpeg"},{"max_width":800,"max_height":800,"width":800,"height":440,"url":"https://community.wappler.io/uploads/default/optimized/2X/8/83d012edaed429d2a303cd9c847e1151e02bf9fa_2_800x440.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":220,"url":"https://community.wappler.io/uploads/default/optimized/2X/8/83d012edaed429d2a303cd9c847e1151e02bf9fa_2_400x220.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":110,"url":"https://community.wappler.io/uploads/default/optimized/2X/8/83d012edaed429d2a303cd9c847e1151e02bf9fa_2_200x110.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":55,"url":"https://community.wappler.io/uploads/default/optimized/2X/8/83d012edaed429d2a303cd9c847e1151e02bf9fa_2_100x55.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":27,"url":"https://community.wappler.io/uploads/default/optimized/2X/8/83d012edaed429d2a303cd9c847e1151e02bf9fa_2_50x27.jpeg"}],"tags":[],"views":4183,"like_count":18,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":25301,"topic_post_liked":false,"topic_post_like_count":7,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":4,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":6516,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":9,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":8170,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":5028,"title":"Working with Current Date and Time","fancy_title":"Working with Current Date and Time","slug":"working-with-current-date-and-time","posts_count":2,"reply_count":0,"highest_post_number":41,"image_url":"https://community.wappler.io/uploads/default/optimized/2X/e/ef897617084dbc85a54ee1be20199bc2ad2bcabe_2_1024x565.jpeg","created_at":"2019-01-10T13:05:13.059Z","last_posted_at":"2024-02-20T06:06:55.958Z","bumped":true,"bumped_at":"2024-02-20T06:06:55.958Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"In Wappler there is a component called Date and Time. As its name suggests, it returns the current date and time. In this tutorial we will show you how to access it, configure and use it on your pages…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1494,"height":825,"url":"https://community.wappler.io/uploads/default/original/2X/e/ef897617084dbc85a54ee1be20199bc2ad2bcabe.jpeg"},{"max_width":1024,"max_height":1024,"width":1024,"height":565,"url":"https://community.wappler.io/uploads/default/optimized/2X/e/ef897617084dbc85a54ee1be20199bc2ad2bcabe_2_1024x565.jpeg"},{"max_width":800,"max_height":800,"width":800,"height":441,"url":"https://community.wappler.io/uploads/default/optimized/2X/e/ef897617084dbc85a54ee1be20199bc2ad2bcabe_2_800x441.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":220,"url":"https://community.wappler.io/uploads/default/optimized/2X/e/ef897617084dbc85a54ee1be20199bc2ad2bcabe_2_400x220.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":110,"url":"https://community.wappler.io/uploads/default/optimized/2X/e/ef897617084dbc85a54ee1be20199bc2ad2bcabe_2_200x110.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":55,"url":"https://community.wappler.io/uploads/default/optimized/2X/e/ef897617084dbc85a54ee1be20199bc2ad2bcabe_2_100x55.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":27,"url":"https://community.wappler.io/uploads/default/optimized/2X/e/ef897617084dbc85a54ee1be20199bc2ad2bcabe_2_50x27.jpeg"}],"tags":[],"views":2290,"like_count":5,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":25909,"topic_post_liked":false,"topic_post_like_count":5,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":4,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":5165,"title":"Nested Repeat Regions","fancy_title":"Nested Repeat Regions","slug":"nested-repeat-regions","posts_count":18,"reply_count":5,"highest_post_number":51,"image_url":"https://community.wappler.io/uploads/default/optimized/2X/d/dbbf612d69cfea37a9ccecebda7722a7d5dc2828_2_1024x588.jpeg","created_at":"2019-01-14T14:08:30.782Z","last_posted_at":"2024-02-12T05:21:56.301Z","bumped":true,"bumped_at":"2024-02-12T05:21:56.301Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"In this tutorial we will show you how to nest database queries. This is useful when you have two separate tables, one containing your categories and another one containing your products. You can nest …","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1480,"height":850,"url":"https://community.wappler.io/uploads/default/original/2X/d/dbbf612d69cfea37a9ccecebda7722a7d5dc2828.jpeg"},{"max_width":1024,"max_height":1024,"width":1024,"height":588,"url":"https://community.wappler.io/uploads/default/optimized/2X/d/dbbf612d69cfea37a9ccecebda7722a7d5dc2828_2_1024x588.jpeg"},{"max_width":800,"max_height":800,"width":800,"height":459,"url":"https://community.wappler.io/uploads/default/optimized/2X/d/dbbf612d69cfea37a9ccecebda7722a7d5dc2828_2_800x459.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":229,"url":"https://community.wappler.io/uploads/default/optimized/2X/d/dbbf612d69cfea37a9ccecebda7722a7d5dc2828_2_400x229.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":114,"url":"https://community.wappler.io/uploads/default/optimized/2X/d/dbbf612d69cfea37a9ccecebda7722a7d5dc2828_2_200x114.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":57,"url":"https://community.wappler.io/uploads/default/optimized/2X/d/dbbf612d69cfea37a9ccecebda7722a7d5dc2828_2_100x57.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":28,"url":"https://community.wappler.io/uploads/default/optimized/2X/d/dbbf612d69cfea37a9ccecebda7722a7d5dc2828_2_50x28.jpeg"}],"tags":[],"views":3823,"like_count":18,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":26383,"topic_post_liked":false,"topic_post_like_count":8,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":4,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":2,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":1033,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":8267,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":5468,"title":"Min/Max Years Relative to the Current Year","fancy_title":"Min/Max Years Relative to the Current Year","slug":"min-max-years-relative-to-the-current-year","posts_count":12,"reply_count":0,"highest_post_number":41,"image_url":"https://community.wappler.io/uploads/default/original/2X/d/df6217fb5ef667e300a3f7f8054cd881c5b4c11d.jpeg","created_at":"2019-01-24T12:51:35.777Z","last_posted_at":"2024-03-28T10:05:09.812Z","bumped":true,"bumped_at":"2024-03-28T10:05:09.812Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"You can set Min and Max years for your datepicker as static values, but you can also use dynamic value relative to current year. \nIn our example we will set the Min year to be 5 years before current y…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":503,"height":469,"url":"https://community.wappler.io/uploads/default/original/2X/d/df6217fb5ef667e300a3f7f8054cd881c5b4c11d.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":372,"url":"https://community.wappler.io/uploads/default/optimized/2X/d/df6217fb5ef667e300a3f7f8054cd881c5b4c11d_2_400x372.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":186,"url":"https://community.wappler.io/uploads/default/optimized/2X/d/df6217fb5ef667e300a3f7f8054cd881c5b4c11d_2_200x186.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":93,"url":"https://community.wappler.io/uploads/default/optimized/2X/d/df6217fb5ef667e300a3f7f8054cd881c5b4c11d_2_100x93.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":46,"url":"https://community.wappler.io/uploads/default/optimized/2X/d/df6217fb5ef667e300a3f7f8054cd881c5b4c11d_2_50x46.jpeg"}],"tags":[],"views":2427,"like_count":1,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":27683,"topic_post_liked":false,"topic_post_like_count":1,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":4,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":5470,"title":"Show Disabled Button with Spinner on Form Submit","fancy_title":"Show Disabled Button with Spinner on Form Submit","slug":"show-disabled-button-with-spinner-on-form-submit","posts_count":13,"reply_count":2,"highest_post_number":44,"image_url":"https://community.wappler.io/uploads/default/optimized/2X/9/95ddf50d1f444a735bf6ea973d5fedbf87ad7f16_2_1023x600.jpeg","created_at":"2019-01-24T13:26:34.757Z","last_posted_at":"2024-02-03T03:43:27.055Z","bumped":true,"bumped_at":"2024-02-03T03:43:27.055Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"It’s useful to disable the submit button of your form and show a spinner inside it, to indicate the form is being submitted. This way you can prevent duplicate submissions, if a user clicks the button…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1450,"height":850,"url":"https://community.wappler.io/uploads/default/original/2X/9/95ddf50d1f444a735bf6ea973d5fedbf87ad7f16.jpeg"},{"max_width":1024,"max_height":1024,"width":1023,"height":600,"url":"https://community.wappler.io/uploads/default/optimized/2X/9/95ddf50d1f444a735bf6ea973d5fedbf87ad7f16_2_1023x600.jpeg"},{"max_width":800,"max_height":800,"width":800,"height":468,"url":"https://community.wappler.io/uploads/default/optimized/2X/9/95ddf50d1f444a735bf6ea973d5fedbf87ad7f16_2_800x468.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":234,"url":"https://community.wappler.io/uploads/default/optimized/2X/9/95ddf50d1f444a735bf6ea973d5fedbf87ad7f16_2_400x234.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":117,"url":"https://community.wappler.io/uploads/default/optimized/2X/9/95ddf50d1f444a735bf6ea973d5fedbf87ad7f16_2_200x117.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":58,"url":"https://community.wappler.io/uploads/default/optimized/2X/9/95ddf50d1f444a735bf6ea973d5fedbf87ad7f16_2_100x58.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":29,"url":"https://community.wappler.io/uploads/default/optimized/2X/9/95ddf50d1f444a735bf6ea973d5fedbf87ad7f16_2_50x29.jpeg"}],"tags":[],"views":3427,"like_count":11,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":27685,"topic_post_liked":false,"topic_post_like_count":10,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":4,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":16730,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":10937,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":6128,"title":"Overlaying Text on Image","fancy_title":"Overlaying Text on Image","slug":"overlaying-text-on-image","posts_count":8,"reply_count":1,"highest_post_number":44,"image_url":"https://community.wappler.io/uploads/default/optimized/2X/a/a509dff6d307fb124aaf65c669bfa9a7e0594f98_2_1024x571.jpeg","created_at":"2019-02-11T16:30:08.584Z","last_posted_at":"2024-02-13T05:30:22.112Z","bumped":true,"bumped_at":"2024-02-13T05:30:22.112Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"You can overlay any text over your images, using the Design Panel in Wappler. \nWe added a Bootstrap 4 Container on our page and it contains a Row with a Column. We’d like to insert our image inside th…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1477,"height":825,"url":"https://community.wappler.io/uploads/default/original/2X/a/a509dff6d307fb124aaf65c669bfa9a7e0594f98.jpeg"},{"max_width":1024,"max_height":1024,"width":1024,"height":571,"url":"https://community.wappler.io/uploads/default/optimized/2X/a/a509dff6d307fb124aaf65c669bfa9a7e0594f98_2_1024x571.jpeg"},{"max_width":800,"max_height":800,"width":800,"height":446,"url":"https://community.wappler.io/uploads/default/optimized/2X/a/a509dff6d307fb124aaf65c669bfa9a7e0594f98_2_800x446.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":223,"url":"https://community.wappler.io/uploads/default/optimized/2X/a/a509dff6d307fb124aaf65c669bfa9a7e0594f98_2_400x223.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":111,"url":"https://community.wappler.io/uploads/default/optimized/2X/a/a509dff6d307fb124aaf65c669bfa9a7e0594f98_2_200x111.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":55,"url":"https://community.wappler.io/uploads/default/optimized/2X/a/a509dff6d307fb124aaf65c669bfa9a7e0594f98_2_100x55.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":27,"url":"https://community.wappler.io/uploads/default/optimized/2X/a/a509dff6d307fb124aaf65c669bfa9a7e0594f98_2_50x27.jpeg"}],"tags":["overlay","image"],"views":3069,"like_count":6,"has_summary":false,"last_poster_username":"system","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":30184,"topic_post_liked":false,"topic_post_like_count":4,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":null,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":4,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":1033,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":59,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":16889,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":-1,"primary_group_id":null}]},{"id":6165,"title":"Styling Bootstrap 4 Buttons","fancy_title":"Styling Bootstrap 4 Buttons","slug":"styling-bootstrap-4-buttons","posts_count":4,"reply_count":0,"highest_post_number":41,"image_url":"https://community.wappler.io/uploads/default/optimized/2X/6/6a1fda4046f3edcad7708ea36e2f2a2a74adbc4e_2_1024x571.jpeg","created_at":"2019-02-12T10:25:20.979Z","last_posted_at":"2024-01-13T10:07:08.019Z","bumped":true,"bumped_at":"2024-01-13T02:36:11.496Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Sometimes the available Bootstrap 4 button styles may not suit your page design, so you need to customize them. That can easily be done using the Design panel in Wappler. \nWe created our page layout a…","visible":true,"closed":true,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1477,"height":825,"url":"https://community.wappler.io/uploads/default/original/2X/6/6a1fda4046f3edcad7708ea36e2f2a2a74adbc4e.jpeg"},{"max_width":1024,"max_height":1024,"width":1024,"height":571,"url":"https://community.wappler.io/uploads/default/optimized/2X/6/6a1fda4046f3edcad7708ea36e2f2a2a74adbc4e_2_1024x571.jpeg"},{"max_width":800,"max_height":800,"width":800,"height":446,"url":"https://community.wappler.io/uploads/default/optimized/2X/6/6a1fda4046f3edcad7708ea36e2f2a2a74adbc4e_2_800x446.jpeg"},{"max_width":400,"max_height":400,"width":400,"height":223,"url":"https://community.wappler.io/uploads/default/optimized/2X/6/6a1fda4046f3edcad7708ea36e2f2a2a74adbc4e_2_400x223.jpeg"},{"max_width":200,"max_height":200,"width":200,"height":111,"url":"https://community.wappler.io/uploads/default/optimized/2X/6/6a1fda4046f3edcad7708ea36e2f2a2a74adbc4e_2_200x111.jpeg"},{"max_width":100,"max_height":100,"width":100,"height":55,"url":"https://community.wappler.io/uploads/default/optimized/2X/6/6a1fda4046f3edcad7708ea36e2f2a2a74adbc4e_2_100x55.jpeg"},{"max_width":50,"max_height":50,"width":50,"height":27,"url":"https://community.wappler.io/uploads/default/optimized/2X/6/6a1fda4046f3edcad7708ea36e2f2a2a74adbc4e_2_50x27.jpeg"}],"tags":[],"views":2328,"like_count":3,"has_summary":false,"last_poster_username":"George","category_id":31,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_have_answer":false,"topic_post_id":30279,"topic_post_liked":false,"topic_post_like_count":2,"topic_post_can_like":false,"topic_post_can_unlike":false,"topic_post_bookmarked":true,"topic_post_is_current_users":null,"topic_post_number":1,"vote_count":0,"can_vote":false,"user_voted":null,"posters":[{"extras":null,"description":"Original Poster","user_id":4,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":-1,"primary_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":59,"primary_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":2,"primary_group_id":null}]}]}}