This survey showcases customization possibilities by using Bootstrap cards. The Bootstrap v5 CSS classes are added in the question options to customize the look and feel of this survey.<\/p>\n","post_title":"Survey questions with Bootstrap Cards layout","post_excerpt":"
This survey is a demonstration of all NgSurvey question types with the default settings and no customizations.<\/p>","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"survey-questions-with-bootstrap-cards-layout","to_ping":"","pinged":"","post_modified":"2021-05-05 12:08:53","post_modified_gmt":"2021-05-05 12:08:53","post_content_filtered":"","post_parent":0,"guid":"https:\/\/demo.ngideas.com\/?post_type=ngsurvey&p=39","menu_order":0,"post_type":"ngsurvey","post_mime_type":"","comment_count":"0","filter":"raw"},"metadata":{"tracking_method":["cookie"],"end_of_survey_title":"Your response is saved","end_of_survey_message":"Thank you for taking the survey. "},"pages":[{"id":"9","title":"Page 1","sort_order":"1"}],"questions":[{"id":"65","survey_id":"68","title":"This is a standard html page header which can show any random text","description":"
You can explain more about the questions on this page and give hints about whatever you would like to give.<\/p>","qtype":"header","params":"{\"required\":0,\"show_in_report\":1,\"question_class\":\"card\",\"title_class\":\"card-header\",\"description_class\":\"card-body\",\"body_class\":\"\"}","page_id":"9","answers":[],"columns":[]},{"id":"66","survey_id":"68","title":"Select an option from the below list of options","description":"
This is a multiple-choice question, this question can have multiple variations such as radio buttons, checkboxes and select boxes.<\/p>","qtype":"choice","params":"{\"choice_type\":\"radio\",\"minimum_selections\":0,\"maximum_selections\":0,\"show_answers_inline\":0,\"show_custom_answer\":0,\"custom_answer_placeholder\":\"Other\",\"custom_answer_maxlength\":256,\"required\":0,\"show_in_report\":1,\"question_class\":\"card\",\"title_class\":\"card-header\",\"description_class\":\"card-body card-text pb-0\",\"body_class\":\"card-body\"}","page_id":"9","answers":[{"id":"213","question_id":"66","answer_type":"x","title":"This is an answer which can be selected","sort_order":"1","image":null},{"id":"214","question_id":"66","answer_type":"x","title":"Only one of the answer can be selected with radio buttons","sort_order":"2","image":null},{"id":"215","question_id":"66","answer_type":"x","title":"Multiple answers can be selected with checkboxes","sort_order":"3","image":null},{"id":"216","question_id":"66","answer_type":"x","title":"Select box can allow unlimited answers without taking much space","sort_order":"4","image":null},{"id":"217","question_id":"66","answer_type":"x","title":"Select one from these options","sort_order":"5","image":null}],"columns":[]},{"id":"67","survey_id":"68","title":"Choose the answer for each of the row in the below grid of answers","description":"
A grid type question show table of questions and answers where multiple questions can have identical multiple answers. Questions are shown on rows, while the options are shown on the Columns. One can choose the matching question-option combos using the radio buttons (one option per row can be selected) or the checkboxes (multiple options per row can be selected).<\/p>","qtype":"grid","params":"{\"choice_type\":\"radio\",\"show_custom_answer\":0,\"custom_answer_placeholder\":\"\",\"custom_answer_maxlength\":256,\"required\":0,\"show_in_report\":1,\"question_class\":\"card\",\"title_class\":\"card-header\",\"description_class\":\"card-body card-text pb-0\",\"body_class\":\"card-body\"}","page_id":"9","answers":[{"id":"218","question_id":"67","answer_type":"x","title":"This is the first question of this grid type","sort_order":"1","image":null},{"id":"219","question_id":"67","answer_type":"x","title":"We can have multiple questions like this question","sort_order":"2","image":null},{"id":"220","question_id":"67","answer_type":"x","title":"Each question can have identical answers shown in columns","sort_order":"3","image":null},{"id":"221","question_id":"67","answer_type":"x","title":"Users can select the answers for each question","sort_order":"4","image":null},{"id":"222","question_id":"67","answer_type":"x","title":"Select the answers for each of these questions","sort_order":"5","image":null}],"columns":[{"id":"223","question_id":"67","answer_type":"y","title":"First column","sort_order":"1","image":null},{"id":"224","question_id":"67","answer_type":"y","title":"Second","sort_order":"2","image":null},{"id":"225","question_id":"67","answer_type":"y","title":"Third","sort_order":"3","image":null},{"id":"226","question_id":"67","answer_type":"y","title":"Last column","sort_order":"4","image":null}]},{"id":"68","survey_id":"68","title":"From the below set of images, choose the one that you like the most","description":"
While the multiple-choice type question allows you to list down only text answers, the images type question allows you to choose images instead of text answers. Of course, the text answers can also be entered here but the users can easily choose the images. Users can select a single image or multiple images based on the option that you choose.<\/p>","qtype":"images","params":"{\"choice_type\":\"radio\",\"minimum_selections\":0,\"maximum_selections\":0,\"minimum_image_height\":\"\",\"miximum_image_height\":\"128px\",\"show_answers_inline\":1,\"show_custom_answer\":0,\"custom_answer_placeholder\":\"\",\"custom_answer_maxlength\":256,\"required\":0,\"show_in_report\":1,\"question_class\":\"card\",\"title_class\":\"card-header\",\"description_class\":\"card-body card-text pb-0\",\"body_class\":\"card-body\"}","page_id":"9","answers":[{"id":"227","question_id":"68","answer_type":"x","title":"Diamonds","sort_order":"1","image":"https:\/\/demo.ngideas.com\/wp-content\/uploads\/2021\/04\/blockdevice.png"},{"id":"228","question_id":"68","answer_type":"x","title":"Tools","sort_order":"2","image":"https:\/\/demo.ngideas.com\/wp-content\/uploads\/2021\/04\/advancedsettings.png"},{"id":"229","question_id":"68","answer_type":"x","title":"Mozilla","sort_order":"3","image":"https:\/\/demo.ngideas.com\/wp-content\/uploads\/2021\/04\/browser.png"},{"id":"230","question_id":"68","answer_type":"x","title":"A bug","sort_order":"4","image":"https:\/\/demo.ngideas.com\/wp-content\/uploads\/2021\/04\/bug.png"},{"id":"231","question_id":"68","answer_type":"x","title":"Painting","sort_order":"5","image":"https:\/\/demo.ngideas.com\/wp-content\/uploads\/2021\/04\/colors.png"}],"columns":[]},{"id":"69","survey_id":"68","title":"Match the following questions with their corresponding answers","description":"
Matching type questions are useful when you would like to offer multiple answers for each question from which the user can select one answer for each question.<\/p>","qtype":"matching","params":"{\"show_custom_answer\":0,\"custom_answer_placeholder\":\"\",\"custom_answer_maxlength\":256,\"required\":0,\"show_in_report\":1,\"question_class\":\"card\",\"title_class\":\"card-header\",\"description_class\":\"card-body card-text pb-0\",\"body_class\":\"card-body\"}","page_id":"9","answers":[{"id":"232","question_id":"69","answer_type":"x","title":"The brand I admire of","sort_order":"1","image":null},{"id":"233","question_id":"69","answer_type":"x","title":"The brand items which I mostly use","sort_order":"2","image":null},{"id":"234","question_id":"69","answer_type":"x","title":"I wish to have the products of this brand in future","sort_order":"3","image":null},{"id":"235","question_id":"69","answer_type":"x","title":"Brand I would like to avoid at all","sort_order":"4","image":null},{"id":"236","question_id":"69","answer_type":"x","title":"I will recommend this brand to my friends","sort_order":"5","image":null}],"columns":[{"id":"237","question_id":"69","answer_type":"y","title":"Apple","sort_order":"1","image":null},{"id":"238","question_id":"69","answer_type":"y","title":"Samsung","sort_order":"2","image":null},{"id":"239","question_id":"69","answer_type":"y","title":"Google","sort_order":"3","image":null},{"id":"240","question_id":"69","answer_type":"y","title":"One Plus","sort_order":"4","image":null},{"id":"241","question_id":"69","answer_type":"y","title":"Sony","sort_order":"5","image":null}]},{"id":"70","survey_id":"68","title":"Rank the following based on your order of preference","description":"
Ranking questions allow you to showcase a list of products, names, etc., and ask your users to rank them based on their personal preference. Each rank holds a weight, gives more weight to the first, least to the last. Drag and drop answers to arrange them in order.<\/p>","qtype":"ranking","params":"{\"randomize_answers\":0,\"show_custom_answer\":0,\"custom_answer_placeholder\":\"\",\"custom_answer_maxlength\":256,\"required\":0,\"show_in_report\":1,\"question_class\":\"card\",\"title_class\":\"card-header\",\"description_class\":\"card-body card-text pb-0\",\"body_class\":\"card-body\"}","page_id":"9","answers":[{"id":"242","question_id":"70","answer_type":"x","title":"Sleep more time","sort_order":"1","image":null},{"id":"243","question_id":"70","answer_type":"x","title":"Reading books all the time","sort_order":"2","image":null},{"id":"244","question_id":"70","answer_type":"x","title":"Go and play in the ground","sort_order":"3","image":null},{"id":"245","question_id":"70","answer_type":"x","title":"Shop, dine and movies","sort_order":"4","image":null},{"id":"246","question_id":"70","answer_type":"x","title":"Gardening","sort_order":"5","image":null}],"columns":[{"id":"247","question_id":"70","answer_type":"y","title":"5","sort_order":"1","image":null},{"id":"248","question_id":"70","answer_type":"y","title":"4","sort_order":"2","image":null},{"id":"249","question_id":"70","answer_type":"y","title":"3","sort_order":"3","image":null},{"id":"250","question_id":"70","answer_type":"y","title":"2","sort_order":"4","image":null},{"id":"251","question_id":"70","answer_type":"y","title":"1","sort_order":"5","image":null}]},{"id":"71","survey_id":"68","title":"Share your rating on the most famous hollywood movie sequels listed below","description":"
Star ratings allow you to get visual feedback on a set of items of a subject. The users can select the star rating for each of the options that you enter.<\/p>","qtype":"rating","params":"{\"maximum_rating\":5,\"rating_hints\":\"\",\"show_answers_inline\":0,\"show_custom_answer\":0,\"custom_answer_placeholder\":\"\",\"custom_answer_maxlength\":256,\"required\":0,\"show_in_report\":1,\"question_class\":\"card\",\"title_class\":\"card-header\",\"description_class\":\"card-body card-text pb-0\",\"body_class\":\"card-body\"}","page_id":"9","answers":[{"id":"252","question_id":"71","answer_type":"x","title":"Avatar","sort_order":"1","image":null},{"id":"253","question_id":"71","answer_type":"x","title":"Star Wars","sort_order":"2","image":null},{"id":"254","question_id":"71","answer_type":"x","title":"Avengers","sort_order":"3","image":null},{"id":"255","question_id":"71","answer_type":"x","title":"Bond Movies","sort_order":"4","image":null},{"id":"256","question_id":"71","answer_type":"x","title":"Mission: Impossible","sort_order":"5","image":null},{"id":"257","question_id":"71","answer_type":"x","title":"Transformers","sort_order":"6","image":null},{"id":"258","question_id":"71","answer_type":"x","title":"Fast and Furious","sort_order":"7","image":null}],"columns":[]},{"id":"72","survey_id":"68","title":"Drag the slider and select your answer for this question","description":"
Sliders allow you to display numeric as well as text-based answers which users can select by dragging the slider. You can also have multiple sliders displayed with each slider for an option.<\/p>","qtype":"sliders","params":"{\"slider_type\":\"single\",\"slider_theme\":\"big\",\"minimum_value\":0,\"maximum_value\":0,\"total_value\":0,\"step_size\":0,\"show_custom_answer\":0,\"custom_answer_placeholder\":\"\",\"custom_answer_maxlength\":256,\"required\":0,\"show_in_report\":1,\"question_class\":\"card\",\"title_class\":\"card-header\",\"description_class\":\"card-body card-text pb-0\",\"body_class\":\"card-body\"}","page_id":"9","answers":[{"id":"259","question_id":"72","answer_type":"x","title":"How likely you will buy the product again?","sort_order":"1","image":null},{"id":"260","question_id":"72","answer_type":"x","title":"How likely you will recommend the product to your friends?","sort_order":"2","image":null}],"columns":[{"id":"261","question_id":"72","answer_type":"y","title":"NA","sort_order":"1","image":null},{"id":"262","question_id":"72","answer_type":"y","title":"Least Likely","sort_order":"2","image":null},{"id":"263","question_id":"72","answer_type":"y","title":"Likely","sort_order":"3","image":null},{"id":"264","question_id":"72","answer_type":"y","title":"Unsure","sort_order":"4","image":null},{"id":"265","question_id":"72","answer_type":"y","title":"Most LIkely","sort_order":"5","image":null}]},{"id":"73","survey_id":"68","title":"How likely is it that you would recommend our company\/product\/service to a friend or colleague?","description":"
A net promoter score question type is widely used to get the feedback of how likely a user will choose\/recommend your product\/service etc.<\/p>","qtype":"nps","params":"{\"nps_hints\":\"Not at all,Maybe,Yes for sure\",\"show_custom_answer\":0,\"custom_answer_placeholder\":\"\",\"custom_answer_maxlength\":256,\"required\":0,\"show_in_report\":1,\"question_class\":\"card\",\"title_class\":\"card-header\",\"description_class\":\"card-body card-text pb-0\",\"body_class\":\"card-body\"}","page_id":"9","answers":[],"columns":[]},{"id":"74","survey_id":"68","title":"Select the date of inception of the business","description":"","qtype":"calendar","params":"{\"date_format\":\"Y-m-d g:i:s\",\"start_date\":\"\",\"end_date\":\"\",\"textbox_placeholder\":\"Please pick a date\",\"required\":0,\"show_in_report\":1,\"question_class\":\"card\",\"title_class\":\"card-header\",\"description_class\":\"card-body card-text pb-0\",\"body_class\":\"card-body\"}","page_id":"9","answers":[],"columns":[]},{"id":"75","survey_id":"68","title":"Enter your full name","description":"","qtype":"name","params":"{\"show_title_field\":1,\"regular_expression\":\"\",\"validation_message\":\"\",\"required\":0,\"show_in_report\":1,\"question_class\":\"card\",\"title_class\":\"card-header\",\"description_class\":\"card-body card-text pb-0\",\"body_class\":\"card-body\"}","page_id":"9","answers":[],"columns":[]},{"id":"76","survey_id":"68","title":"Enter your postal address in the below form","description":"
Postal address question shows standard postal address form with all fields required to build a full address.<\/p>","qtype":"address","params":"{\"required\":0,\"show_in_report\":1,\"question_class\":\"card\",\"title_class\":\"card-header\",\"description_class\":\"card-body card-text pb-0\",\"body_class\":\"card-body\"}","page_id":"9","answers":[],"columns":[]},{"id":"77","survey_id":"68","title":"Select your current location on the map","description":"
Map Location question allows you to get the exact location of any point on the map that the user selects.\u00a0<\/p>","qtype":"location","params":"{\"required\":0,\"show_in_report\":1,\"question_class\":\"card\",\"title_class\":\"card-header\",\"description_class\":\"card-body card-text pb-0\",\"body_class\":\"card-body\"}","page_id":"9","answers":[],"columns":[]},{"id":"78","survey_id":"68","title":"Since how many years you are working at your current organization?","description":"
Please enter your answer below.<\/p>","qtype":"textbox","params":"{\"textbox_type\":\"text\",\"regular_expression\":\"\",\"validation_message\":\"\",\"required\":0,\"show_in_report\":1,\"question_class\":\"card\",\"title_class\":\"card-header\",\"description_class\":\"card-body card-text pb-0\",\"body_class\":\"card-body\"}","page_id":"9","answers":[],"columns":[]},{"id":"79","survey_id":"68","title":"Please sign your signature on the below signature block","description":"
Use your mouse or touchpad to draw on the below signature panel.<\/p>","qtype":"signature","params":"{\"required\":0,\"show_in_report\":1,\"question_class\":\"card\",\"title_class\":\"card-header\",\"description_class\":\"card-body card-text pb-0\",\"body_class\":\"card-body\"}","page_id":"9","answers":[],"columns":[]},{"id":"80","survey_id":"68","title":"Do you have any other feedback for us?","description":"
Please let us know.<\/p>","qtype":"textarea","params":"{\"regular_expression\":\"\",\"validation_message\":\"\",\"required\":0,\"show_in_report\":1,\"question_class\":\"card\",\"title_class\":\"card-header\",\"description_class\":\"card-body card-text pb-0\",\"body_class\":\"card-body\"}","page_id":"9","answers":[],"columns":[]}],"mapping":[{"page_id":"9","question_id":"65","sort_order":"1"},{"page_id":"9","question_id":"66","sort_order":"2"},{"page_id":"9","question_id":"67","sort_order":"3"},{"page_id":"9","question_id":"68","sort_order":"4"},{"page_id":"9","question_id":"69","sort_order":"5"},{"page_id":"9","question_id":"70","sort_order":"6"},{"page_id":"9","question_id":"71","sort_order":"7"},{"page_id":"9","question_id":"72","sort_order":"8"},{"page_id":"9","question_id":"73","sort_order":"9"},{"page_id":"9","question_id":"74","sort_order":"10"},{"page_id":"9","question_id":"75","sort_order":"11"},{"page_id":"9","question_id":"76","sort_order":"12"},{"page_id":"9","question_id":"77","sort_order":"13"},{"page_id":"9","question_id":"78","sort_order":"14"},{"page_id":"9","question_id":"79","sort_order":"15"},{"page_id":"9","question_id":"80","sort_order":"16"}],"rules":[]}