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
  • !19683

created a customBackdrop for the modal object passed by option

  • Review changes

  • Download
  • Email patches
  • Plain diff
Closed Administrator requested to merge github/fork/meesta1990/customBackdrop into master Apr 07, 2016
  • Overview 0
  • Commits 1
  • 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

screenshot: cattura

Assignee
Assign to
Reviewers
Request review from
Time tracking
Source branch: github/fork/meesta1990/customBackdrop