2382 lines
169 KiB
HTML
2382 lines
169 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset='utf-8'>
|
|
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="position-relative my-lg-5 my-md-4 my-3">
|
|
<div class="row shadow-lg mt-5 rounded bg-white">
|
|
<div class="col-12">
|
|
<div class="row p-4 align-items-center">
|
|
<div class="col-lg-4 col-md-4 col-sm-12" style="text-align:left">
|
|
<img src="softhealer.png" alt="logo" style="width:80%">
|
|
</div>
|
|
<div class="col-lg-8 col-md-8 col-sm-12" style="text-align:right">
|
|
<span class="btn btn-primary"
|
|
style="border:1px solid transparent; padding:.375rem .75rem; font-size:1rem; line-height:1.5; border-radius:.25rem; background-color:#0c967c; border-color:#0c967c"><i
|
|
class="fa fa-check" style="margin-right:9px"></i>Community</span>
|
|
<span class="btn btn-primary"
|
|
style="border:1px solid transparent; padding:.375rem .75rem; font-size:1rem; line-height:1.5; border-radius:.25rem; background-color:#0c967c; border-color:#0c967c"><i
|
|
class="fa fa-check" style="margin-right:9px"></i>Enterprise</span>
|
|
<span class="btn btn-primary"
|
|
style="border:1px solid transparent; padding:.375rem .75rem; font-size:1rem; line-height:1.5; border-radius:.25rem; background-color:#0c967c; border-color:#0c967c"><i
|
|
class="fa fa-check" style="margin-right:9px"></i>Odoo.sh</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row shadow-lg mt-5 rounded" style="background-color:#ffffff">
|
|
<div class="col-12">
|
|
<div class="row">
|
|
<div class="col-md-12 text-center p-0">
|
|
<img src="image/banner.png" alt="" class="w-100 h-100 p-0 rounded-lg">
|
|
</div>
|
|
</div>
|
|
<div class="row text-center">
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Email Field</h6>
|
|
<img src="vector icons/1.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">File Field</h6>
|
|
<img src="vector icons/2.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">URL Field</h6>
|
|
<img src="vector icons/3.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Time Field</h6>
|
|
<img src="vector icons/4.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Range Field</h6>
|
|
<img src="vector icons/5.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Week Field</h6>
|
|
<img src="vector icons/6.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Month Field</h6>
|
|
<img src="vector icons/7.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Password Field</h6>
|
|
<img src="vector icons/8.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Date Field</h6>
|
|
<img src="vector icons/9.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Color Field</h6>
|
|
<img src="vector icons/10.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Single Line Text Box With Pattern</h6>
|
|
<img src="vector icons/11.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Address Field</h6>
|
|
<img src="vector icons/12.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Signature Field</h6>
|
|
<img src="vector icons/13.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Many To Many Field</h6>
|
|
<img src="vector icons/14.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Many To One Field</h6>
|
|
<img src="vector icons/s14.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Checkbox Field</h6>
|
|
<img src="vector icons/15.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Radio Button Field</h6>
|
|
<img src="vector icons/s15.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Barcode Field</h6>
|
|
<img src="vector icons/16.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">QRCode Field</h6>
|
|
<img src="vector icons/17.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Barcode/QRCode With Matrix</h6>
|
|
<img src="vector icons/18.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-3 mb-5">
|
|
<h6 class="font-weight-bold text-dark" style="text-transform: capitalize;">Location Field</h6>
|
|
<img src="vector icons/19.png" alt="" class="w-50 h-75">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row shadow-lg mt-5 rounded" style="background-color:#ffffff">
|
|
<div class="col-12">
|
|
<div class="row">
|
|
<div class="col-md-12 text-center p-0">
|
|
<img src="image/keyfeatures_1.png" alt="" class="w-100 h-100 p-0 rounded-top">
|
|
</div>
|
|
<div class="col-md-12 text-center p-0">
|
|
<img src="image/keyfeatures_2.png" alt="" class="w-100 h-100 p-0 rounded-bottom">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row shadow-lg mt-5 rounded" style="background-color:#ffffff">
|
|
<div class="col-12">
|
|
<div class="row">
|
|
<div class="col-md-12 text-center">
|
|
<h1 class="px-4 pt-4 pb-2 text-center mb-0 font-weight-bold" style="font-size: 30px;">
|
|
Hot <b style="color:#0c967c; font-weight:700;">Features</b></h1>
|
|
<img src="image/devider.png" alt="" style="width: 15%;">
|
|
<div class="row mx-auto text-left justify-content-center pb-4 p-lg-4 p-md-4 p-0">
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">5 Theme
|
|
Styles</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">5 Section
|
|
Styles</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">5 Form Input
|
|
Styles</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">5 Button
|
|
Styles</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">5 Check Box
|
|
Styles</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">5 Radio
|
|
button style</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">Fully
|
|
Responsive</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">Fully
|
|
Customizable</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">Material
|
|
Design</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">Address For
|
|
Survey</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">Signature
|
|
For Survey</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">Document For
|
|
Survey</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">Many2one
|
|
Field</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">Many2many
|
|
Field</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">Email For
|
|
Survey</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">Color Option
|
|
For Survey</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">Password
|
|
Option For Survey</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">Range Option
|
|
For Survey</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">Date Option
|
|
For Survey</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">Month & Week
|
|
Option For Survey</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">Print Survey
|
|
Answers</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">QR Field For
|
|
Survey</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">Location
|
|
Field For Survey</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3 ">
|
|
<div>
|
|
<h5 class="mt-0 mb-0 font-weight-bold" style="font-size: 16px;">Custom
|
|
Survey Matrix</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row shadow-lg mt-5 rounded" style="background-color:#ffffff">
|
|
<div class="col-12">
|
|
<div class="row">
|
|
<div class="col-md-12 text-center">
|
|
<h1 class="px-4 pt-4 pb-2 text-center mb-0 font-weight-bold"><b
|
|
style="color:#0c967c; font-weight:700; font-size: 30px;">Videos</b></h1>
|
|
<img src="image/devider.png" alt="" style="width: 15%;">
|
|
<div class="row mx-auto text-left justify-content-center pb-4 p-lg-4 p-md-4 p-0">
|
|
<div class="col-md-6 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3">
|
|
<div>
|
|
<a href="https://youtu.be/TGmoxqn6cXo" class="" target="_blank">
|
|
<img src="image/1.png" class="w-100 h-100">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3">
|
|
<div>
|
|
<a href="https://youtu.be/hwk0YPni_rM" class="" target="_blank">
|
|
<img src="image/2.png" alt="" class="w-100 h-100">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3">
|
|
<div>
|
|
<a href="https://youtu.be/UxTSxTLVHLk" class="" target="_blank">
|
|
<img src="image/3.png" alt="" class="w-100 h-100">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 my-3 px-lg-3 px-md-3 px-0">
|
|
<div class=" border shadow-lg bg-white rounded rounded-lg text-center p-3">
|
|
<div>
|
|
<a href="https://youtu.be/kz1bbNBjIj4" class="" target="_blank">
|
|
<img src="image/4.png" alt="" class="w-100 h-100">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-5">
|
|
<div class="col-12">
|
|
<ul class="nav nav-tabs justify-content-center border-0 mb-4" role="tablist"
|
|
style="justify-content: center;background-color: transparent;">
|
|
<li class="nav-item"
|
|
style="background-color:rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link active px-2 px-lg-3 px-md-3" data-toggle="tab" href="#Setup"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #0c967c;border-radius: 5px;">Setup</a>
|
|
</li>
|
|
|
|
<li class="nav-item"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link p-s px-2 px-lg-3 px-md-3" data-toggle="tab" href="#Release"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #0c967c;border-radius: 5px;">Releases</a>
|
|
</li>
|
|
<li class="nav-item"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link px-2 px-lg-3 px-md-3" data-toggle="tab" href="#FAQ"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #0c967c;border-radius: 5px;">FAQs</a>
|
|
</li>
|
|
<li class="nav-item"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link px-2 px-lg-3 px-md-3" data-toggle="tab" href="#Support"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #0c967c;border-radius: 5px;">Support</a>
|
|
</li>
|
|
</ul>
|
|
<div class="row shadow-lg rounded" style="background-color:#ffffff">
|
|
<div class="col-md-12 text-center">
|
|
<div class="tab-content bg-white">
|
|
<!-- tab 1 -->
|
|
<div id="Setup" class="tab-pane active">
|
|
<div class="row">
|
|
<div class="col-12 p-0 rounded-left" style="background-color:#ffffff">
|
|
<div class="py-4 px-4 px-lg-0 px-md-0">
|
|
<ul class="nav nav-tabs border-0 d-flex justify-content-center" id="myTab" role="tablist"
|
|
style="background-color:transparent; justify-content: center;">
|
|
|
|
<li class="col-lg-3 col-md-5 col-sm-12 col-12 px-0 nav-item position-relative my-3 mx-3 mx-lg-2 mx-md-2 mr-sm-2 shadow rounded rounded-lg text-center"
|
|
style="color:#fff; border-radius:2px; width:100%; text-align:center; margin-bottom:7px; font-weight:600; font-size:14px; background-color: rgba(62, 167, 147, 0.8);">
|
|
<a class="nav-link border-0 p-2 rounded-lg active" data-toggle="tab"
|
|
href="#BM" style="color:#000; border-radius:2px">
|
|
Survey Theme
|
|
</a>
|
|
</li>
|
|
<li class="col-lg-3 col-md-5 col-sm-12 col-12 px-0 nav-item position-relative my-3 mx-0 shadow rounded rounded-lg text-center"
|
|
style="color:#fff; border-radius:2px; width:100%; text-align:center; margin-bottom:7px; font-weight:600; font-size:14px; background-color: rgba(62, 167, 147, 0.8);">
|
|
<a class="nav-link border-0 p-2 rounded-lg" data-toggle="tab"
|
|
href="#Todo" style="color:#000; border-radius:2px">
|
|
Survey Additional Fields
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 text-center bg-white rounded-right">
|
|
<div class="tab-content p-0 p-lg-4 p-md-4" id="myTabContent">
|
|
|
|
<div class="tab-pane fade show active" id="BM" role="tabpanel"
|
|
aria-labelledby="calculator-tab">
|
|
|
|
<section id="sh_configuration">
|
|
<div class="container">
|
|
<div class="text-center">
|
|
<h4
|
|
style="font-size: 30px;font-weight: 600;color: #212121;margin-bottom: 20px;">
|
|
Theme Configuration</h4>
|
|
<hr
|
|
style="width: 100px;border-width: 2px;border-color: #0c967c;" />
|
|
<p
|
|
style="color: #777;font-size: 18px;margin-bottom: 50px;letter-spacing: 1px;">
|
|
You can customize your survey form body with
|
|
different tools. There is mainly two types of theme
|
|
style. That you can easily customization as per
|
|
requirement. There are many options for customizing
|
|
themes. All options are briefly explained below.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div class="confi_img" style="text-align: center;">
|
|
<img src="survey config.png" style="width: 100%;" />
|
|
</div>
|
|
<section id="theme_style" style="margin-top: 50px;">
|
|
<div class="container">
|
|
<div class="sh_title text-center">
|
|
<h4
|
|
style="color: #0c967c;font-size: 26px;font-weight: 600;margin-bottom: 20px;">
|
|
Theme Styles</h4>
|
|
<p
|
|
style="color: #777;font-size: 18px;max-width: 75%;margin: auto;margin-bottom: 50px;letter-spacing: 1px;">
|
|
Here in this theme you have 5 different ready made
|
|
theme styles. You can also change it as per your
|
|
choice.</p>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-md-12">
|
|
<img src="config_img/Survmate theme styles.gif"
|
|
style="height: 380px;object-fit: cover; border: 5px solid #b7b7b7;" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="section_style" style="margin-top: 50px;">
|
|
<div class="container">
|
|
<div class="sh_title text-center">
|
|
<h4
|
|
style="color: #0c967c;font-size: 26px;font-weight: 600;margin-bottom: 20px;">
|
|
Section Styles</h4>
|
|
<p
|
|
style="color: #777;font-size: 18px;max-width: 75%;margin: auto;margin-bottom: 50px;letter-spacing: 1px;">
|
|
You can customize your section style from the
|
|
configuration settings. We are providing 5 unique
|
|
section styles.</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<img src="config_img/Section Style Survmate.gif"
|
|
style="height: 100%;margin-top: 1px;width: 100%; border: 5px solid #b7b7b7;" />
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="button_style" style="margin-top: 50px;">
|
|
<div class="container">
|
|
<div class="sh_title text-center">
|
|
<h4
|
|
style="color: #0c967c;font-size: 26px;font-weight: 600;margin-bottom: 20px;">
|
|
Button Styles</h4>
|
|
<p
|
|
style="color: #777;font-size: 18px;max-width: 75%;margin: auto;margin-bottom: 50px;letter-spacing: 1px;">
|
|
You can customize your button style from the
|
|
configuration settings. here we provide 5 unique
|
|
button styles.</p>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-md-12">
|
|
<img src="config_img/Button Styles.gif"
|
|
style="height: 100%; width: 100%; border: 5px solid #b7b7b7; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="input_style" style="margin-top: 50px;">
|
|
<div class="container">
|
|
<div class="sh_title text-center">
|
|
<h4
|
|
style="color: #0c967c;font-size: 26px;font-weight: 600;margin-bottom: 20px;">
|
|
Form Elements Styles</h4>
|
|
<p
|
|
style="color: #777;font-size: 18px;max-width: 75%;margin: auto;margin-bottom: 50px;letter-spacing: 1px;">
|
|
You can customize your form elements style from the
|
|
configuration settings. We are providing 10 unique
|
|
form elements styles.</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<img src="config_img/theme_style.gif"
|
|
style="height: 100%; width: 100%; border: 5px solid #b7b7b7;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);" />
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="radio_button_style" style="margin-top: 50px;">
|
|
<div class="container">
|
|
<div class="sh_title text-center">
|
|
<h4
|
|
style="color: #0c967c;font-size: 26px;font-weight: 600;margin-bottom: 20px;">
|
|
Radio Button Styles</h4>
|
|
<p
|
|
style="color: #777;font-size: 18px;max-width: 75%;margin: auto;margin-bottom: 50px;letter-spacing: 1px;">
|
|
You can customize the radio button style from the
|
|
configuration settings. Here we providing 10 unique
|
|
radio button styles.</p>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-md-12">
|
|
<img src="config_img/Radio Buttons Suvmate.gif"
|
|
style="height: 100%; width: 100%; border: 5px solid #b7b7b7;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="checkbox_style" style="margin-top: 50px;">
|
|
<div class="container">
|
|
<div class="sh_title text-center">
|
|
<h4
|
|
style="color: #0c967c;font-size: 26px;font-weight: 600;margin-bottom: 20px;">
|
|
CheckBox Styles</h4>
|
|
<p
|
|
style="color: #777;font-size: 18px;max-width: 75%;margin: auto;margin-bottom: 50px;letter-spacing: 1px;">
|
|
You can customize the checkbox style from the
|
|
configuration settings. Here we provide 10 unique
|
|
checkbox styles.</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<img src="config_img/Check Box Styles Survmate.gif"
|
|
style="height: 100%; width: 100%; border: 5px solid #b7b7b7;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);" />
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="background-color_style" style="margin-top: 50px;">
|
|
<div class="container">
|
|
<div class="sh_title text-center">
|
|
<h4
|
|
style="color: #0c967c;font-size: 26px;font-weight: 600;margin-bottom: 20px;">
|
|
Background Styles</h4>
|
|
<p
|
|
style="color: #777;font-size: 18px;max-width: 75%;margin: auto;margin-bottom: 50px;letter-spacing: 1px;">
|
|
You can customize your background style from the
|
|
configuration settings. You can set survey form
|
|
background image or color</p>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-md-12">
|
|
<img src="config_img/Survmate background Gif.gif"
|
|
style="height: 100%;width: 100%; border: 5px solid #b7b7b7;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="background-color_img" style="margin-top: 50px;">
|
|
<div class="container">
|
|
<div class="sh_title text-center">
|
|
<h4
|
|
style="color: #0c967c;font-size: 26px;font-weight: 600;margin-bottom: 20px;">
|
|
Bootstrap Grid</h4>
|
|
<p
|
|
style="color: #777;font-size: 18px;max-width: 75%;margin: auto;margin-bottom: 50px;letter-spacing: 1px;">
|
|
You can customize your Questions and Answers like
|
|
bootstrap grid system. This feature will help to
|
|
display your survey form more clean and attractive.
|
|
</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<img src="config_img/Grid Gif.gif"
|
|
style="height: 380px; border: 5px solid #b7b7b7;" />
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="background-color_style" style="margin-top: 50px;">
|
|
<div class="container">
|
|
<div class="sh_title text-center">
|
|
<h4
|
|
style="color: #0c967c;font-size: 26px;font-weight: 600;margin-bottom: 20px;">
|
|
Primary Color Styles</h4>
|
|
<p
|
|
style="color: #777;font-size: 18px;max-width: 75%;margin: auto;margin-bottom: 50px;letter-spacing: 1px;">
|
|
You can set your primary and secondary color from as
|
|
per theme color so your survey form will look more
|
|
attractive.</p>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-md-12">
|
|
<img src="config_img/Survmate theme styles.gif"
|
|
style="height: 100%;width: 100%; border: 5px solid #b7b7b7;" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
<div class="tab-pane fade" id="Todo" role="tabpanel"
|
|
aria-labelledby="Todo-tab">
|
|
|
|
<div class="sh_tab_btn">
|
|
<ul class="nav border-0 mb-4">
|
|
<li class="nav-item mb-2"
|
|
style="text-transform: capitalize;background-color:rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link active px-2 px-lg-3 px-md-3"
|
|
href="#demo1"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">Email</a>
|
|
</li>
|
|
<li class="nav-item mb-2 mb-2"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link px-2 px-lg-3 px-md-3" href="#demo2"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">File</a>
|
|
</li>
|
|
<li class="nav-item mb-2"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link p-s px-2 px-lg-3 px-md-3" href="#demo3"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">URL</a>
|
|
</li>
|
|
<li class="nav-item mb-2"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link px-2 px-lg-3 px-md-3" href="#demo4"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">Time</a>
|
|
</li>
|
|
<li class="nav-item mb-2"
|
|
style="background-color:rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link px-2 px-lg-3 px-md-3" href="#demo5"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">Range</a>
|
|
</li>
|
|
<li class="nav-item mb-2"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link px-2 px-lg-3 px-md-3" href="#demo6"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">Week</a>
|
|
</li>
|
|
|
|
<li class="nav-item mb-2"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link px-2 px-lg-3 px-md-3" href="#demo7"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">Color</a>
|
|
</li>
|
|
<li class="nav-item mb-2"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link p-s px-2 px-lg-3 px-md-3" href="#demo8"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">Single
|
|
Line Text Box With Pattern</a>
|
|
</li>
|
|
<li class="nav-item mb-2"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link px-2 px-lg-3 px-md-3" href="#demo9"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">Address</a>
|
|
</li>
|
|
<li class="nav-item mb-2"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link p-s px-2 px-lg-3 px-md-3" href="#demo10"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">Month</a>
|
|
</li>
|
|
<li class="nav-item mb-2"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link px-2 px-lg-3 px-md-3" href="#demo11"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">Password</a>
|
|
</li>
|
|
<li class="nav-item mb-2"
|
|
style="text-transform: capitalize;background-color:rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link px-2 px-lg-3 px-md-3" href="#demo12"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">Signature</a>
|
|
</li>
|
|
<li class="nav-item mb-2"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link px-2 px-lg-3 px-md-3" href="#demo13"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">Many
|
|
2 One & Many 2 Many</a>
|
|
</li>
|
|
<li class="nav-item mb-2"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link px-2 px-lg-3 px-md-3" href="#demo14"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">Barcode</a>
|
|
</li>
|
|
<li class="nav-item mb-2"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link px-2 px-lg-3 px-md-3" href="#demo15"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">QRCode</a>
|
|
</li>
|
|
<li class="nav-item mb-2"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link px-2 px-lg-3 px-md-3" href="#demo16"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">Location</a>
|
|
</li>
|
|
<li class="nav-item mb-2"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link p-s px-2 px-lg-3 px-md-3" href="#demo17"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">Custom Matrix</a>
|
|
</li>
|
|
|
|
<li class="nav-item mb-2"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link px-2 px-lg-3 px-md-3" href="#demo18"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">Barcode/QRCode
|
|
With Matrix</a>
|
|
</li>
|
|
<li class="nav-item mb-2"
|
|
style="text-transform: capitalize;background-color: rgba(62, 167, 147, 0.8);color: #fff;font-weight: 600;font-size: 14px;margin: 0 5px;border-radius: 5px;">
|
|
<a class="nav-link px-2 px-lg-3 px-md-3" href="#demo19"
|
|
style="color: rgb(0, 0, 0);border: 2px solid #dfe7e5;border-radius: 5px;">Range
|
|
With Matrix</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="demo1">
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">E-mail Field.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="email_1.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">E-mail Field Front View.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="email_2.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">E-mail Field in reviewing your answers(submitted answer).
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="email_3.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">E-mail Field in backed.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="email_4.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
</div>
|
|
<div id="demo2">
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">File Field .
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="file_1.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">File Field Front View.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="file_2.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">File Field in reviewing your answers(submitted answer).
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="file_3.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">File Field in backed.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="file_4.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
</div>
|
|
<div id="demo3">
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">URL Field.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="url_1.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;"> URL Field Front View.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="url_2.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">URL Field in reviewing your answers(submitted answer).
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="url_3.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">URL Field in backed.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="url_4.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
</div>
|
|
<div id="demo4">
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Time Field.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="time_1.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;"> Time Field Front View.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="time_2.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;"> Time Field in reviewing your answers(submitted answer).
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="time_3.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Time Field in backed.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="time_4.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
</div>
|
|
<div id="demo5">
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Range Field.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="range_1.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Range Field Front View.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="range_2.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Range Field in reviewing your answers(submitted answer).
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="range_3.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Range Field in backed.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="range_4.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
</div>
|
|
<div id="demo6">
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Week Field.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="week_1.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Week Field Front View.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="week_2.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Week Field in reviewing your answers(submitted answer).
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="week_3.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Week Field in backed.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="week_4.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
</div>
|
|
|
|
<div id="demo7">
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Color Field.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="color_1.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Color Field Front View.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="color_2.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Color Field in reviewing your answers(submitted answer).
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="color_3.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Color Field in backed.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="color_4.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
</div>
|
|
<div id="demo8">
|
|
|
|
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;"> Pattern option in single-line text box Field.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="pattern_text_1.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;"> A single-line text box with a pattern Front View.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="pattern_text_2.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">A single-line text box with a pattern in reviewing your answers(submitted answer).
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="pattern_text_3.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">A single-line text box with pattern Field in backed.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="pattern_text_4.png" style="width: 100%;"/>
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;color:red;">
|
|
<b>Note : Pls kindly note that textbox pattern not migrated for v14 as of now.</b>
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="single_txt_box.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;color:red;">
|
|
<b>Note : Pls kindly note that textbox pattern not migrated for v14 as of now.</b>
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="single_txt_box_patn.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
</div>
|
|
<div id="demo9">
|
|
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Address option in survey form.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="s1.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Address front view in survey form.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="s2.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
</div>
|
|
<div id="demo10">
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Month Filed
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="month_1.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Month Field Front View.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="month_2.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Month Field in reviewing your answers(submitted answer).
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="month_3.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Month Field in backed.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="month_4.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
</div>
|
|
<div id="demo11">
|
|
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">password filed
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="password_1.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Password Field Front View.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="password_2.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Password Field in reviewing your answers(submitted answer).
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="password_3.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Password Field in backed.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="password_4.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
</div>
|
|
|
|
|
|
<div id="demo12">
|
|
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Signature option in survey form.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="s3.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Signature front view in survey form.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="s4.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
</div>
|
|
<div id="demo13">
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Many2one Field.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="s5.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Using Many2one field you can select and search state in survey.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="s6.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Many2one field front view.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="s7.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Many2one field graph view.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="s11.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Many2one field detail view.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="s12.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Many2many Field.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="s8.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Using Many2many field you can select and search partners in survey.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="s9.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Many2many field front view.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="s10.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Many2many field graph view.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="s13.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
<p style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">Many2many field detail view.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="s14.png" style="width: 100%;" />
|
|
</div>
|
|
<br/>
|
|
</div>
|
|
<div id="demo14">
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">
|
|
New question type added: Barcode, it scans Barcode by camera.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="barcode_1.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">
|
|
Barcode Field Front View, click that button to scan Barcode.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="barcode_2.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">
|
|
Scan Barcode code from wizard after successfully scanning it will automatically close that.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="barcode_3.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">
|
|
Barcode Field front view.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="barcode_4.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">
|
|
After press "Submit Survey" it stores Barcode in the survey, Barcode Field in backed looks like below.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="barcode_5.png" style="width:100%">
|
|
</div>
|
|
</div>
|
|
<div id="demo15">
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">
|
|
New question type added: QR code, it scans QR by camera.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="qr_1.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">
|
|
QR Field Front View, click that button to scan QR.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="qr_2.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">
|
|
Scan QR code from wizard after successfully scanning it will automatically close that.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="qr_3.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">
|
|
QR Field front view.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="qr_4.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">
|
|
After press "Submit Survey" it stores QR in the survey, QR Field in backed looks like below.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="qr_5.png" style="width:100%">
|
|
</div>
|
|
</div>
|
|
<div id="demo16">
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">
|
|
Location Field in the survey.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="loc_1.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">
|
|
Press "Allow" in the popup to access permission in the location type survey.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="loc_2.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">
|
|
After "Allow" in the popup based on the location it automatically filled the answer.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="loc_3.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">
|
|
After press "Submit Survey" Location Field in backed looks like below.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="loc_4.png" style="width:100%">
|
|
</div>
|
|
</div>
|
|
|
|
<div id="demo17">
|
|
|
|
|
|
<p
|
|
style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">
|
|
Choose
|
|
"Matrix"
|
|
in
|
|
the
|
|
question
|
|
type.
|
|
</p>
|
|
<div
|
|
class="col-md-12">
|
|
<img
|
|
class="img-responsive rounded shadow"
|
|
src="1.png"
|
|
style="width: 100%;" />
|
|
</div>
|
|
<br />
|
|
<p
|
|
style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">
|
|
Choose
|
|
rows
|
|
and
|
|
columns
|
|
for
|
|
the
|
|
matrix.
|
|
|
|
</p>
|
|
<div
|
|
class="col-md-12">
|
|
<img
|
|
class="img-responsive rounded shadow"
|
|
src="2.png"
|
|
style="width: 100%;" />
|
|
</div>
|
|
<br />
|
|
<p
|
|
style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">
|
|
Choose
|
|
a
|
|
matrix
|
|
in
|
|
the
|
|
matrix
|
|
type.
|
|
</p>
|
|
<div
|
|
class="col-md-12">
|
|
<img
|
|
class="img-responsive rounded shadow"
|
|
src="3.png"
|
|
style="width: 100%;" />
|
|
</div>
|
|
<br />
|
|
<p
|
|
style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">
|
|
You
|
|
can
|
|
select
|
|
fields
|
|
as
|
|
per
|
|
need.
|
|
</p>
|
|
<div
|
|
class="col-md-12">
|
|
<img
|
|
class="img-responsive rounded shadow"
|
|
src="4.png"
|
|
style="width: 100%;" />
|
|
</div>
|
|
<br />
|
|
<p
|
|
style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">
|
|
The
|
|
custom
|
|
matrix
|
|
in
|
|
the
|
|
survey
|
|
form.
|
|
</p>
|
|
<div
|
|
class="col-md-12">
|
|
<img
|
|
class="img-responsive rounded shadow"
|
|
src="5.png"
|
|
style="width: 100%;" />
|
|
</div>
|
|
<p
|
|
style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">
|
|
The
|
|
custom
|
|
matrix
|
|
in
|
|
the
|
|
review
|
|
answer
|
|
page.
|
|
</p>
|
|
<div
|
|
class="col-md-12">
|
|
<img
|
|
class="img-responsive rounded shadow"
|
|
src="6.png"
|
|
style="width: 100%;" />
|
|
</div>
|
|
<p
|
|
style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">
|
|
The
|
|
custom
|
|
matrix
|
|
in
|
|
the
|
|
answer
|
|
list
|
|
view.
|
|
</p>
|
|
<div
|
|
class="col-md-12">
|
|
<img
|
|
class="img-responsive rounded shadow"
|
|
src="7.png"
|
|
style="width: 100%;" />
|
|
</div>
|
|
<p
|
|
style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">
|
|
The
|
|
question-answer
|
|
1
|
|
form
|
|
view.
|
|
</p>
|
|
<div
|
|
class="col-md-12">
|
|
<img
|
|
class="img-responsive rounded shadow"
|
|
src="8.png"
|
|
style="width: 100%;" />
|
|
</div>
|
|
<p
|
|
style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">
|
|
The
|
|
question-answer
|
|
2
|
|
form
|
|
view.
|
|
</p>
|
|
<div
|
|
class="col-md-12">
|
|
<img
|
|
class="img-responsive rounded shadow"
|
|
src="9.png"
|
|
style="width: 100%;" />
|
|
</div>
|
|
<p
|
|
style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">
|
|
The
|
|
question-answer
|
|
3
|
|
form
|
|
view.
|
|
</p>
|
|
<div
|
|
class="col-md-12">
|
|
<img
|
|
class="img-responsive rounded shadow"
|
|
src="10.png"
|
|
style="width: 100%;" />
|
|
</div>
|
|
<p
|
|
style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">
|
|
The
|
|
custom
|
|
matrix
|
|
in
|
|
the
|
|
print.
|
|
</p>
|
|
<div
|
|
class="col-md-12">
|
|
<img
|
|
class="img-responsive rounded shadow"
|
|
src="11.png"
|
|
style="width: 100%;" />
|
|
</div><br/>
|
|
</div>
|
|
|
|
|
|
<div id="demo18">
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">
|
|
Barcode/QRCode fields added in the matrix.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="m1.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">
|
|
QR/Barcode button in the custom matrix, click that button to scan that.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="m2.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">Scan QRCode from wizard after successfully scanning it will automatically close that.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="m3_qr_1.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">Scanned QRCode auto-filled.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="m3_qr_2.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">QRCode answer in the survey matrix.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="m3_qr_3.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">Scan Barcode from wizard after successfully scanning it will automatically close that.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="m4_br_1.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">Scanned Barcode auto-filled.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="m4_br_2.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">Barcode answer in the survey matrix.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="m4_br_3.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">Barcode/QRCode in the review answer page.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="m4_br_qr_review.png" style="width:100%">
|
|
</div>
|
|
<br>
|
|
<p style="color:#1b325f; font-size:20px; max-width:75%; margin:auto; margin-bottom:20px; letter-spacing:.5px">Barcode/QRCode in the survey answer.
|
|
</p>
|
|
<div class="col-md-12">
|
|
<img class="img-responsive rounded shadow" src="m6_ans.png" style="width:100%">
|
|
</div>
|
|
</div>
|
|
<div id="demo19">
|
|
<p
|
|
style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">
|
|
Range input in custom matrix.
|
|
</p>
|
|
<div
|
|
class="col-md-12">
|
|
<img
|
|
class="img-responsive rounded shadow"
|
|
src="ss1.png"
|
|
style="width: 100%;" />
|
|
</div>
|
|
<br />
|
|
<p
|
|
style="color: #1b325f;font-size: 20px;max-width: 75%;margin: auto;margin-bottom: 20px;letter-spacing: .5px;">
|
|
Custom matrix with range.
|
|
</p>
|
|
<div
|
|
class="col-md-12">
|
|
<img
|
|
class="img-responsive rounded shadow"
|
|
src="ss2.png"
|
|
style="width: 100%;" />
|
|
</div>
|
|
<br />
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- tab 1 -->
|
|
<!-- tab 2 -->
|
|
<div id="FAQ" class="tab-pane fade">
|
|
<div style="background-color: #ffffff;">
|
|
<div class="panel-group" id="accordion" role="tablist"
|
|
aria-multiselectable="true">
|
|
<div class="panel-group bg-white my-lg-4 mb-lg-0 my-md-4 mb-md-0 mt-3 shadow-lg"
|
|
style="margin-bottom:20px; border-radius: 5px;">
|
|
<div class="panel panel-default overflow-hidden"
|
|
style="border-radius:5px">
|
|
<div class="panel-heading mt0"
|
|
style="border:1px solid transparent !important; text-align: left;">
|
|
<h4 class="panel-title p-2" style="margin:0">
|
|
<a class="collapsed text-decoration-none"
|
|
style="color:#000; font-size: 16px; font-weight:500;padding:15px; line-height:158%"
|
|
data-toggle="collapse" href="#tab1"
|
|
aria-expanded="false">
|
|
<span class="fa fa-plus-circle mr-2"
|
|
style="color: #0c967c;"></span>
|
|
<span class="panelcontent">Is this app compatible with
|
|
Odoo Community as well as Enterprise?</span>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="tab1" class="panel-collapse collapse"
|
|
style="background-color: #ebebeb; padding: 15px;text-align: left;">
|
|
<div>
|
|
<p class="mb-0" style="height:auto; margin-left:2%; ">
|
|
Yes, this app works perfectly with Odoo Enterprise
|
|
(Odoo.sh & Premise) as well as Community.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="panel-group bg-white my-lg-4 mb-lg-0 my-md-4 mb-md-0 mt-3 shadow-lg"
|
|
style="margin-bottom:20px; border-radius: 5px;">
|
|
<div class="panel panel-default overflow-hidden"
|
|
style="border-radius:5px">
|
|
<div class="panel-heading mt0"
|
|
style="border:1px solid transparent !important; text-align: left;">
|
|
<h4 class="panel-title p-2" style="margin:0"><a
|
|
class="collapsed text-decoration-none"
|
|
style="color:#000; font-size: 16px; font-weight:500;padding:15px; line-height:158%"
|
|
data-toggle="collapse" href="#tab2"
|
|
aria-expanded="false">
|
|
<span class="fa fa-plus-circle mr-2"
|
|
style="color: #0c967c;"></span>
|
|
<span class="panelcontent">Do you provide custom fields
|
|
for the survey analytic part?</span>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="tab2" class="panel-collapse collapse"
|
|
style="background-color: #ebebeb; padding: 15px;text-align: left;">
|
|
<div>
|
|
<p class="mb-0" style="height:auto; margin-left:2%; ">
|
|
We don't give custom fields to survey analytic part
|
|
except many2one and many2many fields.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-group bg-white my-lg-4 mb-lg-0 my-md-4 mb-md-0 mt-3 shadow-lg"
|
|
style="margin-bottom:20px; border-radius: 5px;">
|
|
<div class="panel panel-default overflow-hidden"
|
|
style="border-radius:5px">
|
|
<div class="panel-heading mt0"
|
|
style="border:1px solid transparent !important; text-align: left;">
|
|
<h4 class="panel-title p-2" style="margin:0"><a
|
|
class="collapsed text-decoration-none"
|
|
style="color:#000; font-size: 16px; font-weight:500;padding:15px; line-height:158%"
|
|
data-toggle="collapse" href="#tab4"
|
|
aria-expanded="false">
|
|
<span class="fa fa-plus-circle mr-2"
|
|
style="color: #0c967c;"></span>
|
|
<span class="panelcontent">I want some customization in
|
|
this app. How can I request it?</span>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="tab4" class="panel-collapse collapse"
|
|
style="background-color: #ebebeb; padding: 15px;text-align: left;">
|
|
<div>
|
|
<p class="mb-0" style="height:auto; margin-left:2%; ">
|
|
Please Contact Us at <a
|
|
href="mailto:sales@softhealer.com"
|
|
style="color:#0c967c; font-weight:600; text-decoration:none">sales@softhealer.com</a>to
|
|
request customization.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-group bg-white my-lg-4 mb-lg-0 my-md-4 mb-md-0 mt-3 shadow-lg"
|
|
style="margin-bottom:20px; border-radius: 5px;">
|
|
<div class="panel panel-default overflow-hidden"
|
|
style="border-radius:5px">
|
|
<div class="panel-heading mt0"
|
|
style="border:1px solid transparent !important; text-align: left;">
|
|
<h4 class="panel-title p-2" style="margin:0"><a
|
|
class="collapsed text-decoration-none"
|
|
style="color:#000; font-size: 16px; font-weight:500;padding:15px; line-height:158%"
|
|
data-toggle="collapse" href="#tab5"
|
|
aria-expanded="false">
|
|
<span class="fa fa-plus-circle mr-2"
|
|
style="color: #0c967c;"></span>
|
|
<span class="panelcontent">Do i get free support?</span>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="tab5" class="panel-collapse collapse"
|
|
style="background-color: #ebebeb; padding: 15px;text-align: left;">
|
|
<div>
|
|
<p class="mb-0" style="height:auto; margin-left:2%; ">
|
|
Yes, we provide free support for 100 days.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-group bg-white my-lg-4 mb-lg-0 my-md-4 mb-md-0 mt-3 shadow-lg"
|
|
style="margin-bottom:20px; border-radius: 5px;">
|
|
<div class="panel panel-default overflow-hidden"
|
|
style="border-radius:5px">
|
|
<div class="panel-heading mt0"
|
|
style="border:1px solid transparent !important; text-align: left;">
|
|
<h4 class="panel-title p-2" style="margin:0"><a
|
|
class="collapsed text-decoration-none"
|
|
style="color:#000; font-size: 16px; font-weight:500;padding:15px; line-height:158%"
|
|
data-toggle="collapse" href="#tab6"
|
|
aria-expanded="false">
|
|
<span class="fa fa-plus-circle mr-2"
|
|
style="color: #0c967c;"></span>
|
|
<span class="panelcontent">Do i get free updates?</span>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="tab6" class="panel-collapse collapse"
|
|
style="background-color: #ebebeb; padding: 15px;text-align: left;">
|
|
<div>
|
|
<p class="mb-0" style="height:auto; margin-left:2%; ">
|
|
Yes, you will get free update for lifetime.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-group bg-white my-lg-4 mb-lg-0 my-md-4 mb-md-0 mt-3 shadow-lg"
|
|
style="margin-bottom:20px; border-radius: 5px;">
|
|
<div class="panel panel-default overflow-hidden"
|
|
style="border-radius:5px">
|
|
<div class="panel-heading mt0"
|
|
style="border:1px solid transparent !important; text-align: left;">
|
|
<h4 class="panel-title p-2" style="margin:0"><a
|
|
class="collapsed text-decoration-none"
|
|
style="color:#000; font-size: 16px; font-weight:500;padding:15px; line-height:158%"
|
|
data-toggle="collapse" href="#tab7"
|
|
aria-expanded="false">
|
|
<span class="fa fa-plus-circle mr-2"
|
|
style="color: #0c967c;"></span>
|
|
<span class="panelcontent">Do we need to install any
|
|
additional libraries/modules for using this
|
|
module?</span>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="tab7" class="panel-collapse collapse"
|
|
style="background-color: #ebebeb; padding: 15px;text-align: left;">
|
|
<div>
|
|
<p class="mb-0" style="height:auto; margin-left:2%; ">
|
|
No, you don't need to install addition libraries.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-group bg-white my-lg-4 mb-lg-0 my-md-4 mb-md-0 mt-3 shadow-lg"
|
|
style="margin-bottom:20px; border-radius: 5px;">
|
|
<div class="panel panel-default overflow-hidden"
|
|
style="border-radius:5px">
|
|
<div class="panel-heading mt0"
|
|
style="border:1px solid transparent !important; text-align: left;">
|
|
<h4 class="panel-title p-2" style="margin:0"><a
|
|
class="collapsed text-decoration-none"
|
|
style="color:#000; font-size: 16px; font-weight:500;padding:15px; line-height:158%"
|
|
data-toggle="collapse" href="#tab8"
|
|
aria-expanded="false">
|
|
<span class="fa fa-plus-circle mr-2"
|
|
style="color: #0c967c;"></span>
|
|
<span class="panelcontent">Do I have to buy my module
|
|
for each version?
|
|
</span>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="tab8" class="panel-collapse collapse"
|
|
style="background-color: #ebebeb; padding: 15px;text-align: left;">
|
|
<div>
|
|
<p class="mb-0" style="height:auto; margin-left:2%; ">
|
|
Yes, You have to download module for each version
|
|
(13,14,15) except in version 12 or lower.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-group bg-white my-lg-4 mb-lg-0 my-md-4 mb-md-0 mt-3 shadow-lg"
|
|
style="margin-bottom:20px; border-radius: 5px;">
|
|
<div class="panel panel-default overflow-hidden"
|
|
style="border-radius:5px">
|
|
<div class="panel-heading mt0"
|
|
style="border:1px solid transparent !important; text-align: left;">
|
|
<h4 class="panel-title p-2" style="margin:0"><a
|
|
class="collapsed text-decoration-none"
|
|
style="color:#000; font-size: 16px; font-weight:500;padding:15px; line-height:158%"
|
|
data-toggle="collapse" href="#tab9"
|
|
aria-expanded="false">
|
|
<span class="fa fa-plus-circle mr-2"
|
|
style="color: #0c967c;"></span>
|
|
<span class="panelcontent">What If I purchase Module In
|
|
Wrong Version Can I exchange Module With Other
|
|
Versions?</span>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="tab9" class="panel-collapse collapse"
|
|
style="background-color: #ebebeb; padding: 15px;text-align: left;">
|
|
<div>
|
|
<p class="mb-0" style="height:auto; margin-left:2%; ">
|
|
No, We do not provide any kind of exchange.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-group bg-white my-lg-4 mb-lg-0 my-md-4 mb-md-0 mt-3 shadow-lg"
|
|
style="margin-bottom:20px; border-radius: 5px;">
|
|
<div class="panel panel-default overflow-hidden"
|
|
style="border-radius:5px">
|
|
<div class="panel-heading mt0"
|
|
style="border:1px solid transparent !important; text-align: left;">
|
|
<h4 class="panel-title p-2" style="margin:0">
|
|
<a class="collapsed text-decoration-none"
|
|
style="color:#000; font-size: 16px; font-weight:500;padding:15px; line-height:158%"
|
|
data-toggle="collapse" href="#tab10"
|
|
aria-expanded="false">
|
|
<span class="fa fa-plus-circle mr-2"
|
|
style="color: #0c967c;"></span>
|
|
<span class="panelcontent"> Is this application compatible with odoo.com(odoo saas)?</span>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="tab10" class="panel-collapse collapse"
|
|
style="background-color: #ebebeb; padding: 15px;text-align: left;">
|
|
<div>
|
|
<p class="mb-0" style="height:auto; margin-left:2%; ">
|
|
No, this application is not compatible with odoo.com(odoo saas).</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- tab 2 -->
|
|
<!-- tab 3 -->
|
|
<div id="Release" class="tab-pane fade p-3">
|
|
|
|
<div class="sh_content shadow rounded bg-white"
|
|
style="padding: 20px;margin-bottom: 15px;">
|
|
<h4
|
|
style="font-size: 16px;margin: 0;color: #212121;text-decoration: none;font-weight: 600;letter-spacing: 1px;display: block;text-align: left;">
|
|
<span class="fa fa-hand-o-right"
|
|
style="color: #0c967c;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
|
|
<span>Version 16.0.5</span> | <span style="color: #0c967c;">Released on :
|
|
05<sup>th</sup> October 2023</span>
|
|
</h4>
|
|
<div
|
|
style="font-size: 16px;padding-left: 32px;color: #555;margin: 0;padding-top: 15px;">
|
|
<div style="font-weight: normal;" class="d-flex align-items-center">
|
|
<span
|
|
class="badge badge-info mr-2"
|
|
style="
|
|
background: #2196f3;
|
|
padding: 5px 15px;
|
|
border-radius: 3px;
|
|
color: #fff;
|
|
font-size: 9px;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
"
|
|
>
|
|
Fixed
|
|
</span>
|
|
<span style="vertical-align: middle;font-size: 15px;">Minor Bug Fixed.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sh_content shadow rounded bg-white"
|
|
style="padding: 20px;margin-bottom: 15px;">
|
|
<h4
|
|
style="font-size: 16px;margin: 0;color: #212121;text-decoration: none;font-weight: 600;letter-spacing: 1px;display: block;text-align: left;">
|
|
<span class="fa fa-hand-o-right"
|
|
style="color: #0c967c;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
|
|
<span>Version 16.0.4</span> | <span style="color: #0c967c;">Released on :
|
|
14<sup>th</sup> September 2023</span>
|
|
</h4>
|
|
<div
|
|
style="font-size: 16px;padding-left: 32px;color: #555;margin: 0;padding-top: 15px;">
|
|
<div style="font-weight: normal;" class="d-flex align-items-center">
|
|
<span
|
|
class="badge badge-info mr-2"
|
|
style="
|
|
background: #2196f3;
|
|
padding: 5px 15px;
|
|
border-radius: 3px;
|
|
color: #fff;
|
|
font-size: 9px;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
"
|
|
>
|
|
Fixed
|
|
</span>
|
|
<span style="vertical-align: middle;font-size: 15px;">Minor Bug Fixed.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="sh_content shadow rounded bg-white"
|
|
style="padding: 20px;margin-bottom: 15px;">
|
|
<h4
|
|
style="font-size: 16px;margin: 0;color: #212121;text-decoration: none;font-weight: 600;letter-spacing: 1px;display: block;text-align: left;">
|
|
<span class="fa fa-hand-o-right"
|
|
style="color: #0c967c;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
|
|
<span>Version 16.0.3</span> | <span style="color: #0c967c;">Released on :
|
|
14<sup>th</sup> April 2023</span>
|
|
</h4>
|
|
<div
|
|
style="font-size: 16px;padding-left: 32px;color: #555;margin: 0;padding-top: 15px;">
|
|
|
|
<div style=" font-weight: normal;" class="d-flex align-items-center"> <span
|
|
class="badge badge-warning mr-2"
|
|
style="
|
|
background: #ff9800;
|
|
padding: 5px 10px;
|
|
border-radius: 3px;
|
|
color: #fff;
|
|
font-size: 9px;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
"
|
|
>
|
|
Update
|
|
</span>
|
|
<span style="vertical-align: middle;font-size: 15px;">Required Field Warning Added In Signature, Many2one & Many2many Field.</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="sh_content shadow rounded bg-white"
|
|
style="padding: 20px;margin-bottom: 15px;">
|
|
<h4
|
|
style="font-size: 16px;margin: 0;color: #212121;text-decoration: none;font-weight: 600;letter-spacing: 1px;display: block;text-align: left;">
|
|
<span class="fa fa-hand-o-right"
|
|
style="color: #0c967c;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
|
|
<span>Version 16.0.2</span> | <span style="color: #0c967c;">Released on :
|
|
27<sup>th</sup> December 2022</span>
|
|
</h4>
|
|
<div
|
|
style="font-size: 16px;padding-left: 32px;color: #555;margin: 0;padding-top: 15px;">
|
|
<div style="font-weight: normal;" class="d-flex align-items-center">
|
|
<span
|
|
class="badge badge-info mr-2"
|
|
style="
|
|
background: #2196f3;
|
|
padding: 5px 15px;
|
|
border-radius: 3px;
|
|
color: #fff;
|
|
font-size: 9px;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
"
|
|
>
|
|
Fixed
|
|
</span>
|
|
<span style="vertical-align: middle;font-size: 15px;">Minor Bug Fixed.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sh_content shadow rounded bg-white"
|
|
style="padding: 20px;margin-bottom: 15px;">
|
|
<h4
|
|
style="font-size: 16px;margin: 0;color: #212121;text-decoration: none;font-weight: 600;letter-spacing: 1px;display: block;text-align: left;">
|
|
<span class="fa fa-hand-o-right"
|
|
style="color: #0c967c;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
|
|
<span>Version 16.0.1</span> | <span style="color: #0c967c;">Released on :
|
|
28<sup>th</sup> October 2022</span>
|
|
</h4>
|
|
<div
|
|
style="font-size: 16px;padding-left: 32px;color: #555;margin: 0;padding-top: 15px;">
|
|
<div style="font-weight: normal;" class="d-flex align-items-center">
|
|
<span class="badge mr-2" style="
|
|
background-color: #3363c1 !important;
|
|
padding: 5px 15px;
|
|
border-radius: 3px;
|
|
color: #fff;
|
|
font-size: 9px;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
">
|
|
Initial
|
|
</span>
|
|
<span style="vertical-align: middle;font-size: 15px;">Initial Release.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- tab 3 -->
|
|
<!-- tab 4 -->
|
|
<div id="Support" class="tab-pane fade">
|
|
<div class="row" style="background-color: #ffffff;">
|
|
<div class="col-12">
|
|
<div
|
|
class="bg-white shadow-lg rounded rounded-lg text-left m-lg-5 mb-lg-0 m-md-4 mb-md-0 mt-3">
|
|
<div class="sh_content" style="padding: 20px;margin-bottom: 20px;">
|
|
<h4 class="mb-0"><a href="mailto:support@softhealer.com"
|
|
style="text-decoration: none;color: #212121;font-size: 18px;font-weight: 600;letter-spacing: 1px;"><span
|
|
class="fa fa-envelope"
|
|
style="color: #0c967c;padding-right: 10px;font-size: 20px;"></span>
|
|
If you need support please raise your ticket at <b
|
|
style="color: #0c967c">support@softhealer.com</b></a>
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- tab 4 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row shadow-lg mt-5 rounded" style="background-color:#ffffff">
|
|
<div class="col-12">
|
|
<div class="row p-4">
|
|
<div class="sh_center text-center">
|
|
<div class="sh_center text-center mb-3">
|
|
<h1 class="px-4 pb-2 text-center mb-0 font-weight-bold"
|
|
style="font-size: 30px;text-transform: uppercase;">
|
|
Multi- <b style="color:#0c967c; font-weight:700;">Languages</b></h1>
|
|
<img src="image/devider.png" alt="" style="width: 15%;">
|
|
</div>
|
|
<div class="content">
|
|
We have added predefined
|
|
some languages(English,
|
|
German / Deutsch, Arabic,
|
|
Spanish / Espanol, French
|
|
/ Francais, Chinese, Portuguese/Portugal) in
|
|
module, If you want to
|
|
add other language you
|
|
can contact us on <a href="mailto:support@softhealer.com" style="color:#0c967c;"
|
|
class="font-weight-bold">support@softhealer.com</a>.
|
|
We use google translator
|
|
tools for multi-languages
|
|
so possible translations
|
|
can be not accurate. we
|
|
accept suggest to make
|
|
more accurate
|
|
translations also on <a href="mailto:support@softhealer.com" style="color:#0c967c;"
|
|
class="font-weight-bold">support@softhealer.com</a>.
|
|
<br><br>
|
|
</div>
|
|
</div>
|
|
<div class="row mx-lg-auto mx-md-auto">
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-12">
|
|
<div class="img text-center" style="text-align:center">
|
|
<img class="shadow rounded" src="eng.png" title="English" alt="english"
|
|
style="margin:10px 10px; border-radius:0.25rem !important">
|
|
<img class="shadow rounded" src="german.png" title="Germany" alt="germany"
|
|
style="margin:10px 10px; border-radius:0.25rem !important">
|
|
<img class="shadow rounded" src="aarab.png" title="Arab" alt="arab"
|
|
style="margin:10px 10px; border-radius:0.25rem !important">
|
|
<img class="shadow rounded" src="spanish.jpg" title="Spanish" alt="spanish"
|
|
style="margin:10px 10px; border-radius:0.25rem !important">
|
|
<img class="shadow rounded" src="chinese.png" title="Chinese" alt="Chinese"
|
|
style="margin:10px 10px; border-radius:0.25rem !important">
|
|
<img class="shadow rounded" src="french.png" title="French" alt="French"
|
|
style="margin:10px 10px; border-radius:0.25rem !important">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row shadow-lg mt-5 rounded" style="background-color:#ffffff">
|
|
<div class="col-12">
|
|
<div class="p-4">
|
|
<div class="sh_center text-center row">
|
|
<div class="col-lg-3 col-md-1 col-sm-12 col-12 ">
|
|
</div>
|
|
<div class="col-lg-3 col-md-5 col-sm-12 col-12 ">
|
|
<a class="shadow rounded py-3 px-4 mb-lg-0 mb-md-0 mb-2 d-flex align-items-center justify-content-center"
|
|
style="border-width:1px; border-style:solid; border-color:#0c967c; color:#fff; text-decoration:none; border-radius:0.25rem !important; display:inline-block; font-size:20px; font-weight:bold; width:100%; background-color:#0c967c"
|
|
href="https://apps.odoo.com/apps/modules/browse?author=Softhealer Technologies"
|
|
target="_blank"><span class="fa fa-cube mr-3"
|
|
style="font-size:20px; color:#fff"></span><span class="align-middle">Our
|
|
Apps</span></a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-5 col-sm-12 col-12 ">
|
|
<a class="shadow rounded py-3 px-4 mb-lg-0 mb-md-0 mb-2 d-flex align-items-center justify-content-center"
|
|
style="border-width:1px; border-style:solid; border-color:#0c967c; color:#fff; text-decoration:none; border-radius:0.25rem !important; display:inline-block; font-size:20px; font-weight:bold; width:100%; background-color:#0c967c"
|
|
href="https://apps.odoo.com/apps/themes/browse?author=Softhealer Technologies"
|
|
target="_blank"><span class="fa fa-paint-brush mr-3"
|
|
style="font-size:20px; color:#fff"></span><span class="align-middle">Our
|
|
Themes</span></a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-1 col-sm-12 col-12 ">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row shadow-lg mt-5 rounded" style="background-color:#ffffff">
|
|
<div class="col-12">
|
|
<div class="row">
|
|
<div class="col-md-12 text-center">
|
|
<h1 class="px-4 pt-lg-4 pt-md-4 pt-3 pb-2 text-center mb-0 font-weight-bold"
|
|
style="font-size: 30px;text-transform: uppercase;">
|
|
Included <b style="color:#0c967c; font-weight:700;">Apps</b></h1>
|
|
<img src="image/devider.png" alt="" style="width: 15%;">
|
|
|
|
<div class="row py-lg-4 py-md-4 py-3" style="margin-top:1rem">
|
|
<div class="col-md-4 mb-3">
|
|
<div class="sh_content shadow rounded" style="text-align:center">
|
|
<div class="sh_img">
|
|
<a href="https://apps.odoo.com/apps/modules/15.0/sh_survmate_theme/"
|
|
target="_blank">
|
|
<img class="rounded" src="img1.png" style="width:100%">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<div class="sh_content shadow rounded" style="text-align:center">
|
|
<div class="sh_img">
|
|
<a href="https://apps.odoo.com/apps/modules/15.0/sh_survey_extra_fields/"
|
|
target="_blank">
|
|
<img class="rounded" src="img2.png" style="width:100%">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<div class="sh_content shadow rounded" style="text-align:center">
|
|
<div class="sh_img">
|
|
<a href="https://apps.odoo.com/apps/modules/15.0/sh_survey_matrix_adv/"
|
|
target="_blank">
|
|
<img class="rounded" src="img3.png" style="width:100%">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<div class="sh_content shadow rounded" style="text-align:center">
|
|
<div class="sh_img">
|
|
<a href="https://apps.odoo.com/apps/modules/15.0/sh_survey_extra_fields_adv/"
|
|
target="_blank">
|
|
<img class="rounded" src="img4.png" style="width:100%">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row shadow-lg mt-5 rounded" style="background-color:#ffffff">
|
|
<div class="col-12">
|
|
<div class="row">
|
|
<div class="col-md-12 text-center">
|
|
<h1 class="px-4 pt-lg-4 pt-md-4 pt-3 pb-2 text-center mb-0 font-weight-bold"
|
|
style="font-size: 30px;text-transform: uppercase;">
|
|
You May <b style="color:#0c967c; font-weight:700;">Also Like</b></h1>
|
|
<img src="image/devider.png" alt="" style="width: 15%;">
|
|
|
|
<div class="row py-lg-4 py-md-4 py-3" style="margin-top:1rem">
|
|
<div class="col-md-4 mb-3">
|
|
<div class="sh_content shadow rounded" style="text-align:center">
|
|
<div class="sh_img">
|
|
<a href="https://apps.odoo.com/apps/modules/15.0/sh_survey_page/"
|
|
target="_blank">
|
|
<img class="rounded" src="image1.png" style="width:100%">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<div class="sh_content shadow rounded" style="text-align:center">
|
|
<div class="sh_img">
|
|
<a href="https://apps.odoo.com/apps/modules/15.0/sh_survey_export_xls/"
|
|
target="_blank">
|
|
<img class="rounded" src="image2.png" style="width:100%">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<div class="sh_content shadow rounded" style="text-align:center">
|
|
<div class="sh_img">
|
|
<a href="https://apps.odoo.com/apps/modules/15.0/sh_customer_survey/"
|
|
target="_blank">
|
|
<img class="rounded" src="image3.png" style="width:100%">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row shadow-lg mt-5 rounded" style="background-color:#ffffff">
|
|
<div class="col-12">
|
|
<div class="row">
|
|
<div class="col-md-12 text-center">
|
|
<h1 class="px-4 pt-lg-4 pt-md-4 pt-3 pb-2 text-center mb-0 font-weight-bold"
|
|
style="font-size: 30px;text-transform: uppercase;">
|
|
Most Dema<b style="color:#0c967c; font-weight:700;">nded Apps</b></h1>
|
|
<img src="image/devider.png" alt="" style="width: 15%;">
|
|
|
|
<div class="row py-lg-4 py-md-4 py-3" style="margin-top:1rem">
|
|
|
|
<div class="col-md-4 mb-3">
|
|
<div class="sh_content shadow rounded" style="text-align: center;">
|
|
<div class="sh_img">
|
|
<a href="https://apps.odoo.com/apps/modules/15.0/sh_all_in_one_mbs/">
|
|
<img class="rounded" src="d1.png" alt="sh_all_in_one_mbs" width="100%">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<div class="sh_content shadow rounded" style="text-align: center;">
|
|
<div class="sh_img">
|
|
<a href="https://apps.odoo.com/apps/modules/15.0/sh_activities_management/">
|
|
<img class="rounded" src="d3.png" alt="sh_activities_management"
|
|
width="100%">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<div class="sh_content shadow rounded" style="text-align: center;">
|
|
<div class="sh_img">
|
|
<a href="https://apps.odoo.com/apps/modules/15.0/sh_all_in_one_helpdesk/">
|
|
<img class="rounded" src="d2.png" alt="sh_all_in_one_helpdesk"
|
|
style="width: 100%">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<div class="sh_content shadow rounded" style="text-align: center;">
|
|
<div class="sh_img">
|
|
<a href="https://apps.odoo.com/apps/modules/15.0/sh_secondary_unit/">
|
|
<img class="rounded" src="d4.png" alt="sh_secondary_unit" width="100%">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<div class="sh_content shadow rounded" style="text-align: center;">
|
|
<div class="sh_img">
|
|
<a href="https://apps.odoo.com/apps/modules/15.0/sh_barcode_scanner/">
|
|
<img class="rounded" src="d5.png" alt="sh_barcode_scanner" width="100%">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4 mb-3">
|
|
<div class="sh_content shadow rounded" style="text-align: center;">
|
|
<div class="sh_img">
|
|
<a
|
|
href="https://apps.odoo.com/apps/modules/15.0/sh_all_in_one_basic_import/">
|
|
<img class="rounded" src="d6.png" alt="sh_all_in_one_basic_import"
|
|
style="width: 100%">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row shadow-lg mt-5 rounded" style="background-color:#ffffff">
|
|
<div class="col-12">
|
|
<div class="row">
|
|
<div class="col-md-12 text-center">
|
|
<h1 class="px-4 pt-lg-4 pt-md-4 pt-3 pb-2 text-center mb-0 font-weight-bold"
|
|
style="font-size: 30px;text-transform: uppercase;">
|
|
Our <b style="color:#0c967c; font-weight:700;">Services</b></h1>
|
|
<img src="image/devider.png" alt="" style="width: 15%;">
|
|
|
|
<div class="row py-lg-5 py-md-4 py-3">
|
|
<div class="col-md-3 text-center">
|
|
<div class="box p-4 shadow rounded mb-2"
|
|
style="background-color:#dfd7ff; border:2px solid #9284d2; border-radius:0.25rem !important">
|
|
<a href="mailto:sales@softhealer.com" target="_blank"
|
|
style="text-decoration:none">
|
|
<div class="icon_img mb-2">
|
|
<!-- <span class="fa fa-info-circle" style="font-size: 50px;color: #fff;"></span> -->
|
|
<img src="info.png" alt="info" style="height:55px">
|
|
</div>
|
|
<div class="content">
|
|
<p class="mb-0" style="font-size:18px; color:#604eaf; font-weight:bold">
|
|
Odoo
|
|
Implementation
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 text-center">
|
|
<div class="box p-4 shadow rounded mb-2"
|
|
style="background-color:#ffcee2; border:2px solid #c5648c; border-radius:0.25rem !important">
|
|
<a href="mailto:sales@softhealer.com" target="_blank"
|
|
style="text-decoration:none">
|
|
<div class="icon_img mb-2">
|
|
<!-- <span class="fa fa-cogs" style="font-size: 50px;color: #fff;"></span> -->
|
|
<img src="setting.png" alt="setting" style="height:55px">
|
|
</div>
|
|
<div class="content">
|
|
<p class="mb-0" style="font-size:18px; color:#b54574; font-weight:bold">
|
|
Odoo
|
|
Customization
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 text-center">
|
|
<div class="box p-4 shadow rounded mb-2"
|
|
style="background-color:#dfe8b4; border:2px solid #97a362; border-radius:0.25rem !important">
|
|
<a href="mailto:sales@softhealer.com" target="_blank"
|
|
style="text-decoration:none">
|
|
<div class="icon_img mb-2">
|
|
<!-- <span class="fa fa-users" style="font-size: 50px;color: #fff;"></span> -->
|
|
<img src="user.png" alt="user" style="height:55px">
|
|
</div>
|
|
<div class="content">
|
|
<p class="mb-0" style="font-size:18px; color:#7f9037; font-weight:bold">
|
|
Support &
|
|
Maintenance
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 text-center">
|
|
<div class="box p-4 shadow rounded mb-2"
|
|
style="background-color:#eaddca; border:2px solid #a38762; border-radius:0.25rem !important">
|
|
<a href="mailto:sales@softhealer.com" target="_blank"
|
|
style="text-decoration:none">
|
|
<div class="icon_img mb-2">
|
|
<!-- <span class="fa fa-mobile" style="font-size: 50px;color: #fff;"></span> -->
|
|
<img src="mobileapp.png" alt="mobileapp" style="height:55px">
|
|
</div>
|
|
<div class="content">
|
|
<p class="mb-0" style="font-size:18px; color:#946d38; font-weight:bold">
|
|
Mobile Apps
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row shadow-lg mt-5 rounded" style="background-color:#ffffff">
|
|
<div class="col-12">
|
|
<div class="p-4">
|
|
<div class="sh_center text-center row">
|
|
<div class="col-lg-3 col-md-1 col-sm-12 col-12">
|
|
</div>
|
|
<div class="col-lg-3 col-md-5 col-sm-12 col-12">
|
|
<a class="shadow rounded py-3 px-4 d-flex justify-content-center align-items-center mb-lg-0 mb-md-0 mb-2"
|
|
style="border-width:1px; border-style:solid; border-color:#4ca9e3; color:#fff; text-decoration:none; border-radius:0.25rem !important; font-size:20px; font-weight:bold; width:100%; background-color:#4ca9e3"
|
|
href="skype:live:softhealertechnologies?chat" target="_blank"><span
|
|
class="fa fa-skype mr-3" style="font-size:30px; color:#fff"></span><span
|
|
class="align-middle">Skype</span></a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-5 col-sm-12 col-12">
|
|
<a class="shadow rounded py-3 px-4 d-flex justify-content-center align-items-center mb-lg-0 mb-md-0 mb-2"
|
|
style="border-width:1px; border-style:solid; border-color:#ce493b; color:#fff; text-decoration:none; border-radius:0.25rem !important; font-size:20px; font-weight:bold; width:100%; background-color:#ce493b"
|
|
href="mailto:sales@softhealer.com" target="_blank"><span class="fa fa-envelope mr-3"
|
|
style="font-size:30px; color:#fff"></span><span
|
|
class="align-middle">Email</span></a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-1 col-sm-12 col-12">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|
|
|
|
</html> |