• 20-09-2021, 16:33:38
    #1
    Merhaba İziModal.js sistemini otomatik timeout kapanma sistemini nasıl yapabilirim. Örnek kod paylaşırmısınız direk auto close içeren document sayfasınada baktım bi türlü olmuyor,
  • 20-09-2021, 16:36:44
    #2
    $('#modal').iziModal('close');
    Bu kodu settimeout ile çalıştır otomatik kapanacaktır.

    Set time out örneği: https://www.w3schools.com/jsreF/met_win_settimeout.asp
  • 20-09-2021, 16:38:18
    #3
    Sanalgezgin57 adlı üyeden alıntı: mesajı görüntüle
    $('#modal').iziModal('close');
    Yukarı kodu çalıştırdığında otomatik kapanacaktır.
    peki progress barlı şekilde nasıl yapabilirim, yani progress bar bittiğinde oto kapanıyodu sitede gördüğüm kadarıyla
  • 20-09-2021, 16:40:02
    #4
    tasarimbey adlı üyeden alıntı: mesajı görüntüle
    peki progress barlı şekilde nasıl yapabilirim, yani progress bar bittiğinde oto kapanıyodu sitede gördüğüm kadarıyla
    Progress bar bittiğin çalışan bir fonksiyonu vardır. onfinish, onclose vs. döküman sayfasında yazar. Kapatma kodunu o fonksiyon içine eklersen progress bar bittiğinda otomatik kapanır.
  • 20-09-2021, 16:42:39
    #5
    Kimlik doğrulama veya yönetimden onay bekliyor.
    $("#modal").iziModal({
        title: '',
        subtitle: '',
        headerColor: '#88A0B9',
        background: null,
        theme: '',  // light
        icon: null,
        iconText: null,
        iconColor: '',
        rtl: false,
        width: 600,
        top: null,
        bottom: null,
        borderBottom: true,
        padding: 0,
        radius: 3,
        zindex: 999,
        iframe: false,
        iframeHeight: 400,
        iframeURL: null,
        focusInput: true,
        group: '',
        loop: false,
        arrowKeys: true,
        navigateCaption: true,
        navigateArrows: true, // Boolean, 'closeToModal', 'closeScreenEdge'
        history: false,
        restoreDefaultContent: false,
        autoOpen: 0, // Boolean, Number
        bodyOverflow: false,
        fullscreen: false,
        openFullscreen: false,
        closeOnEscape: true,
        closeButton: true,
        appendTo: 'body', // or false
        appendToOverlay: 'body', // or false
        overlay: true,
        overlayClose: true,
        overlayColor: 'rgba(0, 0, 0, 0.4)',
        timeout: false,
        timeoutProgressbar: false,
        pauseOnHover: false,
        timeoutProgressbarColor: 'rgba(255,255,255,0.5)',
        transitionIn: 'comingIn',
        transitionOut: 'comingOut',
        transitionInOverlay: 'fadeIn',
        transitionOutOverlay: 'fadeOut',
        onFullscreen: function(){},
        onResize: function(){},
        onOpening: function(){},
        onOpened: function(){},
        onClosing: function(){},
        onClosed: function(){},
        afterRender: function(){}
    });
    Bahsettiğiniz kütüphanenin ayar fonksiyonları.
  • 20-09-2021, 17:00:24
    #6
    petri adlı üyeden alıntı: mesajı görüntüle
    $("#modal").iziModal({
        title: '',
        subtitle: '',
        headerColor: '#88A0B9',
        background: null,
        theme: '',  // light
        icon: null,
        iconText: null,
        iconColor: '',
        rtl: false,
        width: 600,
        top: null,
        bottom: null,
        borderBottom: true,
        padding: 0,
        radius: 3,
        zindex: 999,
        iframe: false,
        iframeHeight: 400,
        iframeURL: null,
        focusInput: true,
        group: '',
        loop: false,
        arrowKeys: true,
        navigateCaption: true,
        navigateArrows: true, // Boolean, 'closeToModal', 'closeScreenEdge'
        history: false,
        restoreDefaultContent: false,
        autoOpen: 0, // Boolean, Number
        bodyOverflow: false,
        fullscreen: false,
        openFullscreen: false,
        closeOnEscape: true,
        closeButton: true,
        appendTo: 'body', // or false
        appendToOverlay: 'body', // or false
        overlay: true,
        overlayClose: true,
        overlayColor: 'rgba(0, 0, 0, 0.4)',
        timeout: false,
        timeoutProgressbar: false,
        pauseOnHover: false,
        timeoutProgressbarColor: 'rgba(255,255,255,0.5)',
        transitionIn: 'comingIn',
        transitionOut: 'comingOut',
        transitionInOverlay: 'fadeIn',
        transitionOutOverlay: 'fadeOut',
        onFullscreen: function(){},
        onResize: function(){},
        onOpening: function(){},
        onOpened: function(){},
        onClosing: function(){},
        onClosed: function(){},
        afterRender: function(){}
    });
    Bahsettiğiniz kütüphanenin ayar fonksiyonları.
    evet ondan bahsediyorum nasıl yapabilirim diye