GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — javascript/samples at master · BasicPrimitives/javascript

Expand file tree

/

samples

/
Copy path

Directory actions

More options

More options

Directory actions

More options

More options

Latest commit

 

History

History
History
/

samples

/
Copy path

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
data
data
 
 
images
images
 
 
javascript.controls
javascript.controls
 
 
jquery.widgets
jquery.widgets
 
 
pdfkit.plugins
pdfkit.plugins
 
 
AddingNewItemsToChartAtRuntime.md
AddingNewItemsToChartAtRuntime.md
 
 
AdviserAndAssistantItemTypes.md
AdviserAndAssistantItemTypes.md
 
 
Buttons.md
Buttons.md
 
 
ChildrenLayout.md
ChildrenLayout.md
 
 
ConnectorAnnotation.md
ConnectorAnnotation.md
 
 
CrossBranchAlignment.md
CrossBranchAlignment.md
 
 
CursorTemplate.md
CursorTemplate.md
 
 
CustomLayoutWithInvisibleItems.md
CustomLayoutWithInvisibleItems.md
 
 
DiagramSizing.md
DiagramSizing.md
 
 
FamilyChartItemsOrdering.md
FamilyChartItemsOrdering.md
 
 
FamilyConnectorsVisualization.md
FamilyConnectorsVisualization.md
 
 
FirstFamilyChart.md
FirstFamilyChart.md
 
 
FirstOrganizationalChart.md
FirstOrganizationalChart.md
 
 
HighlightPathAnnotation.md
HighlightPathAnnotation.md
 
 
HighlightTemplate.md
HighlightTemplate.md
 
 
InactiveFamilyItems.md
InactiveFamilyItems.md
 
 
InactiveItems.md
InactiveItems.md
 
 
ItemAndGroupTitleColors.md
ItemAndGroupTitleColors.md
 
 
ItemTemplateLabel.md
ItemTemplateLabel.md
 
 
ItemTemplates.md
ItemTemplates.md
 
 
LabelsCascadesInFamilyChart.md
LabelsCascadesInFamilyChart.md
 
 
LevelAnnotation.md
LevelAnnotation.md
 
 
LoopsInFamily.md
LoopsInFamily.md
 
 
MatrixLayoutInFamilyChart.md
MatrixLayoutInFamilyChart.md
 
 
MultipleRootItemsInChart.md
MultipleRootItemsInChart.md
 
 
PDFkitSpecific.md
PDFkitSpecific.md
 
 
PartnerItemTypes.md
PartnerItemTypes.md
 
 
PopupDialog.md
PopupDialog.md
 
 
SelectedItems.md
SelectedItems.md
 
 
SelectingCursorItem.md
SelectingCursorItem.md
 
 
SelectingHighlightItem.md
SelectingHighlightItem.md
 
 
SelectionPathMode.md
SelectionPathMode.md
 
 
ShapeAndBackgroundAnnotations.md
ShapeAndBackgroundAnnotations.md
 
 
WebpackOrgDiagram.md
WebpackOrgDiagram.md
 
 
ZoomWithCSSScaleTransform.md
ZoomWithCSSScaleTransform.md
 
 
ZoomWithItemTemplate.md
ZoomWithItemTemplate.md
 
 
readme.md
readme.md
 
 

readme.md

Outline

How To Use

Create & Update Use Cases

  • Webpack Static Application
  • First Organizational Chart
  • First Family Chart
  • Adding new items at runtime
  • Diagram Sizing
  • Zoom Using CSS Scale Transform
  • PDFkit Specific Use Cases

User Interface Events & Options

  • Selecting cursor item & Mouse click
  • Selecting highlight item & Mouse over
  • Selected items & Check boxes
  • Buttons Panel
  • Item & Group title colors

Organizational Chart Layout Options

  • Children Layout
  • Cross-Branch Alignment
  • Adviser & Assistant item types
  • Partner item types
  • Multiple root items
  • Selection path mode
  • Inactive items in layout
  • Custom layout using invisible items

Family Diagram Layout Use Cases

  • Connectors Visualization
  • Matrix groups
  • Inactive family items
  • Family Items Ordering
  • Loops Layout Optimization

Item Template Use Cases

  • Item Template
  • Zoom Using Item templates
  • Labels & Item Template
  • Cursor Template
  • Highlight Template

Annotations

  • On-screen Connector Annotation
  • Shape & Background Annotations
  • Level Annotation
  • Highlight Path Annotation
  • Labels cascades in Family Chart
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.