rahal
October 15, 2021, 9:30am
1
Hi,
I am trying to place adornment buttons on circular shape. See following example (adornment buttons are in grey shape)
I have followed below example.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"/>
<meta name="description" content="When a diagram node is selected show a selection Adornment holding buttons on which a click invokes a command or a drag starts a tool"/>
<link rel="stylesheet" href="../assets/css/style.css"/>
<!-- Copyright 1998-2023 by Northwoods Software Corporation. -->
<title>Selection Adornment Buttons</title>
</head>
<body>
<!-- This top nav is not part of the sample code -->
<nav id="navTop" class="w-full z-30 top-0 text-white bg-nwoods-primary">
<div class="w-full container max-w-screen-lg mx-auto flex flex-wrap sm:flex-nowrap items-center justify-between mt-0 py-2">
<div class="md:pl-4">
<a class="text-white hover:text-white no-underline hover:no-underline
font-bold text-2xl lg:text-4xl rounded-lg hover:bg-nwoods-secondary " href="../">
<h1 class="my-0 p-1 ">GoJS</h1>
</a>
This file has been truncated. show original
Is it possible get adornment button shapes as in first screenshot?
How to place adornment buttons circular along with border (blue colour in second screenshot) with equal distance.
walter
October 15, 2021, 11:36am
2
You are starting from the wrong sample. Look instead at Buttons in a Circular Adornment . You will want to fiddle with the numbers 80 and 40, which were intentionally hard-coded in that sample.
rahal
October 15, 2021, 12:00pm
3
Thanks @walter . This is what exactly I want.