02 Dec 19 by Administrator 235

Classes

This is an example of how html is rendered. With the following options you can change almost every class the way you want

<div class="owl-carousel owl-theme owl-loaded">
    <div class="owl-stage-outer">
        <div class="owl-stage">
            <div class="owl-item">...</div>
            <div class="owl-item">...</div>
            <div class="owl-item">...</div>
        </div>
    </div>
    <div class="owl-nav">
        <div class="owl-prev">prev</div>
        <div class="owl-next">next</div>
    </div>
    <div class="owl-dots">
        <div class="owl-dot active"><span></span></div>
        <div class="owl-dot"><span></span></div>
        <div class="owl-dot"><span></span></div>
    </div>
</div>

Options

refreshClass

Type: String
Default: owl-refresh

Class during refresh.


loadingClass

Type: String
Default: owl-loading

Class during load.


loadedClass

Type: String
Default: owl-loaded

Class after load.


rtlClass

Type: String
Default: owl-rtl

Class for right to left mode.


dragClass

Type: String
Default: owl-drag

Class for mouse drag mode.


grabClass

Type: String
Default: owl-grab

Class during mouse drag.


stageClass

Type: String
Default: owl-stage

Stage class.


stageOuterClass

Type: String
Default: owl-stage-outer

Stage outer class.


Type: String
Default: owl-nav

Navigation container class.


Type: Array
Default: [&#x27;owl-prev&#x27;,&#x27;owl-next&#x27;]

Navigation buttons classes.


dotClass

Type: String
Default: owl-dot

Dot Class.


dotsClass

Type: String
Default: owl-dots

Dots container class.


autoHeightClass

Type: String
Default: owl-height

Auto height class.


responsiveClass

Type: String|Boolean
Default: false

Optional helper class. Add '<responsiveClass>-<breakpoint>' class to main element. Can be used to stylize content on given breakpoint.

Tags:

Share Post
02 Dec 19 by Administrator 236
16 May 20 by Administrator 63

FullScreen YouTube Video Background In Pure CSS

18/08/2019 11:37:00 by Administrator 468
following is the codepen example  https://codepen.io/dudleystorey/pen/PZyMrd

background color change animation

02/09/2019 07:47:00 by Administrator 293
#colorchange { animation: colorchange 50s; /* animation-name followed by duration in seconds*/ /* you could also use milliseconds (ms) or something like 2.5s */ -webkit-animati

Database Update

01/01/2020 11:28:00 by Administrator 170
ALTER TABLE Account ADD ALink varchar(3500)GO ALTER VIEW [dbo].[vAccount]ASSELECT a1.CompanyId, a1.AccountId, a1.AccountTypeId, a1.ARoleIds, a1.PAccountId, a1.ACode, a1.OCode, a1.ATitle, a1.Gender, a

Multi Select Dropdown Code

by 765
import { enableRipple } from '@syncfusion/ej2-base'; enableRipple(true); /** * DropDownList Template Sample */ import { MultiSelect } from '@syncfusion/ej2-dropdowns'; let dataSource: { [ke

whats app sharing meta settings

03/10/2019 02:14:00 by Administrator 286
Step 1: title Maximum of 65 characters <title>your keyword rich title of the website and/or webpage</title> Step 2: description Maximum of 155 characters <meta name="description"

twitter sharing meta settings

03/10/2019 02:16:00 by Administrator 196
https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started Getting Started with Cards To get started with implementing Cards markup, specify the type of card f

Creating a quick and dirty jQuery contentEditable Plugin

17/08/2019 03:38:00 by Administrator 328
Here is the link for Creating a quick and dirty jQuery contentEditable Plugin https://weblog.west-wind.com/posts/2009/May/25/Creating-a-quick-and-dirty-jQuery-contentEditable-Plugin

reCaptcha Google

09/05/2020 17:51:00 by Administrator 61
https://www.google.com/u/2/recaptcha/admin/site/351527026/settings$("form").submit(function(event) { var recaptcha = $("#g-recaptcha-response").val(); if (recaptcha === "") { event.pr

General Master List

11/01/2020 14:01:00 by Administrator 221
$(function() { $('#glist').off('click','div').on('click', 'div', function(e) { var s1 = $(this).text().split('-'); var g1='a.GTypeId='+s1[0]; $('#gtitle').text(s1[1]); $('#gslist').data('condition'

jQuery Selector

by 358
Selector Example Selects * $("*") All elements #id $("#lastname") The element with id="lastname" .class $(".intro") All elements with class="intro" .class,.class $(".intro