Skip to content

Graph Editor: Add backdrop button to navigation toolbar with selection-aware creation #3011

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Copilot wants to merge 5 commits into
base: develop
Choose a base branch
from
+56 −0
Open

Graph Editor: Add backdrop button to navigation toolbar with selection-aware creation #3011

Changes from 3 commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
3888d50
Initial plan
Copilot Feb 23, 2026
7e52437
Add sticky_note_2 backdrop creation button to Graph Editor navigation…
Copilot Feb 23, 2026
95e9019
Create backdrop around selected nodes when using the toolbar button
Copilot Feb 23, 2026
6453517
Single undo entry when creating backdrop around selected nodes
Copilot Feb 23, 2026
d5a348a
GraphEditor: Adjust margins around nodes for backdrop
fabiencastan Feb 23, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 36 additions & 0 deletions meshroom/ui/qml/GraphEditor/GraphEditor.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1349,6 +1349,42 @@ Item {
ToolTip.text: "Auto-Layout"
onClicked: uigraph.layout.reset()
}
// Add Backdrop
MaterialToolButton {
text: MaterialIcons.sticky_note_2
ToolTip.text: "Add Backdrop"
onClicked: {
var selectedNodes = uigraph.getSelectedNodes()
var backdrop
if (selectedNodes.length > 0) {
// Calculate bounding box of selected nodes
var padding = uigraph.layout.gridSpacing
var minX = Number.MAX_VALUE
var minY = Number.MAX_VALUE
var maxX = -Number.MAX_VALUE
var maxY = -Number.MAX_VALUE
for (var i = 0; i < selectedNodes.length; i++) {
var n = selectedNodes[i]
var nw = n.nodeWidth > 0 ? n.nodeWidth : uigraph.layout.nodeWidth
var nh = n.nodeHeight > 0 ? n.nodeHeight : uigraph.layout.nodeHeight
minX = Math.min(minX, n.x)
minY = Math.min(minY, n.y)
maxX = Math.max(maxX, n.x + nw)
maxY = Math.max(maxY, n.y + nh)
}
var bboxX = minX - padding
var bboxY = minY - padding
var bboxW = Math.round(maxX - minX + 2 * padding)
var bboxH = Math.round(maxY - minY + 2 * padding)
backdrop = uigraph.addNewNode("Backdrop", Qt.point(bboxX, bboxY))
uigraph.resizeNode(backdrop, bboxW, bboxH)
} else {
backdrop = uigraph.addNewNode("Backdrop", getCenterPosition())
}
uigraph.selectedNode = backdrop
uigraph.selectNodes([backdrop])
}
}

// Separator
Rectangle {
Expand Down