User var owlid = ""; jQuery(function () { // Owl Carousel var owl = jQuery("#" + owlid); owl.owlCarousel({ items: 1.5, // Slightly more than 1 to show part of the next slide margin: 16, // Adjust margin to control spacing between slides rtl:true, loop: true, nav: true, // Enable navigation arrows dots: false, // Disable […]
User jQuery(function () { // Owl Carousel var owl = jQuery("#" + owlid); owl.owlCarousel({ items: 1.5, // Slightly more than 1 to show part of the next slide margin: 16, // Adjust margin to control spacing between slides rtl:true, loop: false, nav: true, // Enable navigation arrows dots: false, // Disable dots responsive: { 0: […]
User var swiper = new Swiper(".swiper-container", { slidesPerView: 3, spaceBetween: 30, pagination: { el: ".swiper-pagination", clickable: true, } // , // on: { // slideChangeTransitionEnd: function () { // scaleSlides(); // }, // init: function () { // scaleSlides(); // }, // }, }); loop true Assistant To enable looping in your Swiper configuration, you […]
User Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Slide 8 Slide 9 <script> </script> <script> var swiper = new Swiper(".mySwiper", { slidesPerView: 3, spaceBetween: 30, pagination: { el: ".swiper-pagination", clickable: true, }, }); </script> display 1 and 3rd 80% show and middle one full Assistant To achieve a […]
User Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Slide 8 Slide 9 <script> </script> var swiper = new Swiper(".mySwiper", { slidesPerView: "auto", spaceBetween: 30, pagination: { el: ".swiper-pagination", clickable: true, }, }); second and third should not be 100% Assistant If you want the second and third slides […]
User swiper slider make dot false Assistant To hide the dots (pagination) in a Swiper slider, you can set the `pagination` option to `false` in your Swiper configuration. Here's an example: ### JavaScript Configuration const swiper = new Swiper('.swiper-container', { // Other options pagination: false, // Disable dots navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, […]
User @php $content_id = '8'; $getMetaDetails = getMetaDetails($content_id,getLocaleIdFront()); $topContents = getTopContents($content_id,getLocaleIdFront()); @endphp @extends('frontend.layouts.app') @section('title', 'Customer Registration') @section('content') @php echo $topContents; @endphp @if ($errors->any()) @foreach ($errors->all() as $error) {{ $error }} @endforeach @endif @if (session()->has('message.level')) {!! session('message.content') !!} @endif @csrf {{ __('Company') }} * {{ __('Please, enter company name *!') }} {{ __('Title') }} * {{__('Title')}} […]
User @php $content_id = '8'; $getMetaDetails = getMetaDetails($content_id,getLocaleIdFront()); $topContents = getTopContents($content_id,getLocaleIdFront()); @endphp @extends('frontend.layouts.app') @section('title', 'Customer Registration') @section('content') @php echo $topContents; @endphp @if ($errors->any()) @foreach ($errors->all() as $error) {{ $error }} @endforeach @endif @if (session()->has('message.level')) {!! session('message.content') !!} @endif @csrf {{ __('Company') }} * {{ __('Please, enter company name *!') }} {{ __('Title') }} * {{__('Title')}} […]
User Swal.fire({ icon: 'warning', text: "Are you sure you want to update the client's status?", showCancelButton: true, cancelButtonText: "Cancel", confirmButtonText: "Yes", confirmButtonColor: '#e3342f', }).then((result) => { if (result.isConfirmed) { add above alert to form validation when some one missed form field Assistant To incorporate this SweetAlert confirmation alert into form validation, you can first check […]
User Swal.fire({ icon: 'warning', text: "Are you sure you want to update the client's status?", showCancelButton: true, cancelButtonText: "Cancel", confirmButtonText: "Yes", confirmButtonColor: '#e3342f', }).then((result) => { if (result.isConfirmed) { Assistant Your SweetAlert2 modal is configured correctly to show a confirmation dialog with an icon, text, cancel, and confirm buttons. When the user clicks the confirm […]