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 […]
User get current input name index postion[] Assistant If you're looking to get the current input's index position in a form (like in an array of inputs) using JavaScript, you can achieve this using the `name` attribute and the `[]` notation in the input name. ### Example: Assume you have multiple input fields with names […]
User jquery color picker with text input Assistant Creating a jQuery color picker with an associated text input can be done by integrating a jQuery color picker plugin such as **jQuery MiniColors** or **Spectrum**. Here's an example using **Spectrum**, a popular and lightweight color picker plugin: ### Steps 1. Include the required **Spectrum** library in […]