Question T4352
Visible to All Users

Bootstrap Material Detailed Example

created 5 years ago (modified 5 years ago)

Hi there!

Please where can I find a detailed example of SurveyJS with Material Design applied using React?

The example found here https://surveyjs.io/Examples/Library?id=bootstrap-material-theme&platform=Reactjs&theme=modern#content-js does not show how to import dependencies like jQuery or bootstrap.

Thanks in advance,
Aldo d'Aquino

Answers approved by surveyjs Support

created 5 years ago

Hello,

The resources used in our sample can be found on the HTML tab of the sample - https://www.surveyjs.io/Examples/Library?id=bootstrap-material-theme&platform=Reactjs&theme=modern#content-html

HTML
<script src="https://unpkg.com/jquery"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.6.0/polyfill.js"></script> <script src="https://unpkg.com/react@15/dist/react.js"></script> <script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script> <script src="https://unpkg.com/@babel/standalone@7.2.5/babel.min.js"></script> <script src="https://surveyjs.azureedge.net/1.7.11/survey.react.js"></script> <link rel="stylesheet" href="./index.css"> <link rel="stylesheet" href="https://unpkg.com/bootstrap@3.3.7/dist/css/bootstrap.min.css"> <script src="https://unpkg.com/bootstrap-material-design@0.5.10/dist/js/material.js"></script> <script src="https://unpkg.com/bootstrap-material-design@0.5.10/dist/js/ripples.js"></script> <link rel="stylesheet" href="https://unpkg.com/bootstrap-material-design@0.5.10/dist/css/bootstrap-material-design.css"> <link rel="stylesheet" href="https://unpkg.com/bootstrap-material-design@0.5.10/dist/css/ripples.css">

Thanks, Serge
SurveyJS Team

    created 5 years ago

    Hello,

    The questions how to import jQuery or Bootstrap in a ReactJS application unfortunately are not related to SurveyJS functionality and most likely should be asked on the Stack overflow or ReactJS specific resource.

    We have the demo repo VueJS + BS Material - https://github.com/surveyjs/surveyjs-vue-bootstrap-material but it wasn't actively used - last commit was 2 years ago and I'm not sure the repo is actual at this moment.

    Thanks, Serge
    SurveyJS Team