Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Custom whiteboard for application

Level 1
Level 1

I need to create a complete custom whiteboard whith only 2-3 custom controls and make it work using LCCS. How can I do that?

0 Replies
Level 10
Level 10

Could you describe a little more of what you’re trying to do?


Level 1
Level 1

i need to create white board with custom controls(pen,eraser and colors only)and make it working with lccs.How can i do?



You can set your custom toolBar using the API – SharedWhiteBoard.shapesToolBar. To build one yourself

var shapeToolBar:WBToolBarDescriptor = new WBToolBarDescriptor(false);

var rectangleToolShape:WBShapeToolBarDescriptor = new WBShapeToolBarDescriptor(WBShapeToolBarDescriptor.TOOL);

rectangleToolShape.toolTip = "Rectangle Tool";

rectangleToolShape.shapeFactory = simpleShapeFactory; //Rectangle Shape Factory

rectangleToolShape.icon = ICON_RECTANLGE;


var shapesToolShape:WBShapeToolBarDescriptor = new WBShapeToolBarDescriptor(WBShapeToolBarDescriptor.TOOL);

shapesToolShape.toolTip = "Shapes";

shapesToolShape.icon = ICON_SHAPES;

shapesToolShape.children = shapeSubToolBar.children; // Adding the children of the shapeSubToolBar to the ToolBar Component

shapeToolBar(shapesToolShape); // This toolBar component would have the sub Tool bar when clicked.

var lineToolShape:WBShapeToolBarDescriptor = new WBShapeToolBarDescriptor(WBShapeToolBarDescriptor.TOOL);

lineToolShape.toolTip = _lm.getString("Line Tool");

lineToolShape.icon = ICON_LINE;

lineToolShape.shapeFactory = arrowFactory;

lineToolShape.shapeData = WBArrowShapeFactory.NO_ARROW_HEAD;


var highLightPenToolShape:WBShapeToolBarDescriptor = new WBShapeToolBarDescriptor(WBShapeToolBarDescriptor.TOOL);

highLightPenToolShape.toolTip =_lm.getString("Highlighter Pen Tool");

highLightPenToolShape.shapeFactory = markerFactory;

highLightPenToolShape.shapeData = WBMarkerShapeFactory.HIGHLIGHTER;

highLightPenToolShape.icon = ICON_HIGHLIGHTER_PEN;


SharedWhiteBoard.shapesToolBar = shapeToolBar;

It might be a bit hard, but you can use LCCS SDK src & WhiteBoardCustomShapes to build your own custom tool bar for WhiteBoard.



From: Adobe Forums <<>>

Reply-To: "<>" <<>>

Date: Thu, 22 Sep 2011 23:57:14 -0700

To: Arun <<>>

Subject: Custom whiteboard for application

Re: Custom whiteboard for application

created by guptaNeena<> in Adobe LiveCycle Collaboration Service - View the full discussion<

Level 1
Level 1

That was helpful.

I am now facing an issue regarding cleaning of the WhiteBoard data. When I launch the application again, it show previous data stiil there in the room. How can I cleanup that?

Level 10
Level 10


If you’re looking to have the whiteboard cleared between sessions, configuring its model to be sessionDependent will do so. If you just want to programmatically clear the whiteboard, try looking at the docs for sharedWBModel :

you can get the set of shapeIDs, and remove them all, as needed.