1. Feedback
  2. JavaScript
  3. 9907

Welcome to the JavaScript feedback portal. We’re happy you’re here! If you have feedback on how to improve the JavaScript, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Unable to change the style of Swimlane Header annotation

Unable to change the style of Swimlane Header annotation. here is an code example



let swimlane: NodeModel = {

   id:"TITLE_NODE",

   shape: {

      type: 'SwimLane',

      header: {

         annotation: {

           content: 'Horizon Workflow',

            style:{

              color: '#FFFFFF',

               strokeColor: '#FFFFFF'

            }

         } as Annotation,

         style:{

            strokeColor : '#FFFFFF',

            fill: node_blue,

         }


      },

      lanes: [

         {

            id: 'stackCanvas1',

            height: 100,

         },

      ],

      phases: [

         {

            id: 'phase_jbio',

            offset: 170,

            header: {

               annotation: {

                              content: 'JBIO',

                           } as Annotation

            }

         }

      ],

      phaseSize: 20,

   },

   offsetX: 300, offsetY: 200,

   height: 200,

   width: 350

};


let diagramModel:DiagramModel = {

   width: '95%',

   // height: '600px',

   nodes: [

      swimlane

   ]

};

let diagram = new Diagram( diagramModel);