Slick-Modal Migration

Version 3.2.0

A migration of Slick-Modal presets is required! First of all, a bit settings nesting and naming has change with using Slick-Modal version 5.

Additionally all shipped presets are moved into separated static TypoScript includes, in order to reduce unnecessary loadings. This means, you might need to chose one of these, if you've use it before!

Before:

Default {
    # Popup styling
    popupWidth = 480px
    popupHeight = 280px
    popupBackground = #fff
    popupMargin = 30px
    popupPadding = 30px
    popupPosition = center
    popupAnimationDuration = 0.4s
    # Overlay styling
    overlayColor = rgba(0,0,0,0.85)
    overlayAnimationDuration = 0.4s
    overlayAnimationDelay = 0s
    # Content styles
    contentAnimationDuration = 0.4s
    contentAnimationDelay = 0.4s
    # Page
    pageScaleValue = 0.9
    # Mobile styles
    mobileWidth = 100%
    mobileHeight = auto
    mobileBackground = #fff
    mobileMargin = 0
    mobilePadding = 18px
    responsive = true
    mobileAnimationDuration = 0.4s
}

After:

Default {
    # Popup styling
    popup_css {
        width = 480px
        height = 280px
        background = #fff
        margin = 30px
        padding = 30px
        popupPosition = center
        animation-duration = 0.4s
    }
    # Overlay styling
    overlay_css {
        background = rgba(0,0,0,0.85)
        animation-duration = 0.4s
        animation-delay = 0s
    }
    # Content styles
    content_css {
        animation-duration = 0.4s
        animation-delay = 0.4s
    }
    # Page
    page_scaleValue = 0.9
    # Mobile styles
    mobile_css {
        width = 100%
        height = auto
        background = #fff
        margin = 0
        padding = 18px
        animation-duration = 0.4s
    }
}