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 […]
User Calculate Days add jquery date picker above Assistant To add a jQuery Datepicker above the "Calculate Days" link, follow these steps: 1. Include jQuery and jQuery UI in your project. You can use a CDN: <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script> 2. Add HTML for the datepickers above the link: <p> Start Date: […]
User After giving 10 years of my carrier to web development I feels I get respect but that's not enough for me I still feel I'm not utilised for what I am capable to do. I'm proud to myself because I've a thinking that can shortout any problem related to my working domain software programing. […]
User .elementor-widget-button { .elementor-button { font-weight: $font-weight-medium; background-color: $color-primary; color: $color-white; border-width: 1px; border-style: solid; .elementor-align-icon-left { margin-right: 12px; } .elementor-align-icon-right { margin-left: 12px; } } .elementor-button:hover { background-color: $color-white; border-color: $color-primary; color: $color-primary; } &.elementor-button-info { .elementor-button { background-color: $color-primary; color: $color-white; border-color: $color-primary; } } &.elementor-button-success { .elementor-button { background-color: $color-primary; color: $color-white; […]