Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Merge requests
  • !19680

Custom modal backdrop

  • Review changes

  • Download
  • Email patches
  • Plain diff
Closed Administrator requested to merge github/fork/meesta1990/custom-modal-backdrop into master Apr 06, 2016
  • Overview 0
  • Commits 4
  • Pipelines 0
  • Changes 1

Created by: meesta1990

Modified the Modal object for accept a new option's paramenter, the customBackdrop. When a modal will opened, it will use your backdrop. This is usefull when you want an unclickable area in a specific div, instead all the screen. For examble, I have 2 columns, one for the menu and one for the content. I want the dialog only in the content. so the the backdrop is relative of his parent (the div "content").

For use this feauture just declare an empty div inside the content (or wherever you want) and add the id to the option's modal:

var myCustomBackdrop = "#myShadow"; $("#popup-loading").modal({ customBackdrop: myCustomBackdrop });

N.B.: The content div must have position:relative

cattura

Assignee
Assign to
Reviewers
Request review from
Time tracking
Source branch: github/fork/meesta1990/custom-modal-backdrop