Community > Exchange

New Contribution
Subscribe to this contribution
170 views

Build an app with Live Visualizer

Build a complete "Yelp" like application in under an hour by following steps:

  1. Import Visualizer (All Businesses.zip) by navigating Manage > Import
  2. Navigate to Manage > Edit the visualizer > Editors > Scripts:
    --> Change lvAjax381 to lvAjax[ModuleID] (Where [ModuleID] is your Live Visualizer's Module Id)
    --> Change Ajax URL with Filter Link URL. Refer to get filter link URL: https://www.mandeeps.com/support/knowledgebase/live-visualizer4-manage-visualizers-how-to-get-filter-link
  3. Make sure that Bootstrap must be coming on the page
  4. Add data in the visualizer by clicking add button
Attached Files
Gagandeep Singh Gagandeep Singh
asked 10/05/2021 06:40
  • Live Visualizer
Add Comment
eswanzey
replied 10/08/2021 10:06

Note that the module ID and URL need to be revised in the Script to run the demo after importing the files and adding some data. Look for the two AJAX calls like "lvAjax381(\\\"http://9101.dnndev.me/Companies?filter-381=overwrite%3dtrue%26cons..." and update with your Live Visualizer module id's (2x) and destination URL for each of the two AJAX calls.

The two search dropdowns were collapsed by default so weren't appearing on the page, but I believe it was because the #navbarNavDropdown div had incorrect classes applied in the Master Template. I changed the classes from  "collapse navbar-collapse" to "collapse1 navbar-collapse1" and they appear as expected. But I don't see an expand/collapse control anyway, maybe it was removed before these demo files were posted.

Also in the Master Template, the dropdown item "Indian" is in the wrong dropdown - it should be in the Restaurant dropdown instead of the Home Services dropdown. 

There is also a class referenced 1x in both the Master and Detail Template named "lv-desciption" that should probably be "lv-description".

QUESTION: performing a text search doesn't disrupt the scroll position, but making a dropdown selection to search resets the scroll position to top. Does anyone have a solution for keeping the scroll position?

Ashish Pachori
replied 10/22/2021 06:50

Note that the module ID and URL need to be revised in the Script to run the demo after importing the files and adding some data. Look for the two AJAX calls like "lvAjax381(\\\"http://9101.dnndev.me/Companies?filter-381=overwrite%3dtrue%26cons..." and update with your Live Visualizer module id's (2x) and destination URL for each of the two AJAX calls.

Please follow step 2 of previous thread.

The two search dropdowns were collapsed by default so weren't appearing on the page, but I believe it was because the #navbarNavDropdown div had incorrect classes applied in the Master Template. I changed the classes from  "collapse navbar-collapse" to "collapse1 navbar-collapse1" and they appear as expected. But I don't see an expand/collapse control anyway, maybe it was removed before these demo files were posted.

Please make sure that Bootstrap must be coming on the page.

Also in the Master Template, the dropdown item "Indian" is in the wrong dropdown - it should be in the Restaurant dropdown instead of the Home Services dropdown. 

There is also a class referenced 1x in both the Master and Detail Template named "lv-desciption" that should probably be "lv-description".

QUESTION: performing a text search doesn't disrupt the scroll position, but making a dropdown selection to search resets the scroll position to top. Does anyone have a solution for keeping the scroll position?

We have updated the All Businesses.zip file. Please download it and try again.

eswanzey
replied 10/25/2021 11:44

An import attempt on the above file results in "Package is not compatible" (LV 2.0.2).

Ashish Pachori
replied 10/25/2021 13:17

Please download the latest version of Live Visualizer(v2.0.5) from https://www.mandeeps.com/downloads and try again.

eswanzey
replied 10/25/2021 13:25

Yep, imports now.

Reply
Last Activity 10/25/2021 13:25