New controls for integration with DevExpress Ribbon VCL

[Sergey Tkachenko]

TRichView 19.3 includes a new demo and new components for integration with VCL components developed by Developer Express.

The new demo is in <TRichView Dir>\ThirdParty\DevExpress\Demos\Ribbon\
It shows how to use TdxRibbon with TRichViewEdit.

These components are free for customers of TRichView and DevExpress VCL.

Previous version
https://www.trichview.com/forums/viewto ... f=6&t=7703

[Sergey Tkachenko]

This demo uses RichViewActions, a set of components and actions for building UI for a rich text editor.

RichViewActions include TRVFontComboBox and TRVFontSizeComboBox: comboboxes for changing font name and size. These comboboxes can be linked to TRichViewEdit and work automatically.
But they do not look good on a DX ribbon, so we added to new controls: TdxBarRVFontNameCombo, TdxBarRVFontSizeCombo.
These controls cannot be found on the component palette; they are designed specially for DX toolbars and ribbons. To add them on TdxBar, right click it a designtime and choose them from "Add Item" submenu of the popup menu.

dx-font-combobox.png (48.06 KiB) Viewed 62975 times

[Sergey Tkachenko]

This demo includes a helper class TRVDXSubItemColorPickerHelper.
It allows building a ribbon gallery for choosing colors (and, optionally, opacity), and linking it to a color-picking action.

dx-color-picker.png (37.94 KiB) Viewed 62971 times

By default, when the user clicks "More Colors...", RichViewActions display a TColorDialog's dialog.
This demo uses TRVAdxColorDialogInterface component to use TdxColorDialog instead.

dx-color-dialog.png (82.91 KiB) Viewed 62971 times

[Sergey Tkachenko]

This demo does not use a ribbon gallery for table insertion.
Instead, it shows how to position RichViewActions' table insertion window to the proper place.

dx-insert-table.png (32.32 KiB) Viewed 62969 times

[Sergey Tkachenko]

RichViewActions includes TRVAPopupMenu - a popup menu that builds itself automatically depending on the context.
But it does not look consistent with the DX ribbon, so we added a new component, TRVAdxRibbonPopupMenu.

This component is not inherited from TPopupMenu, so we cannot assign it to RichViewEdit.PopupMenu property.
But this is not a big problem.
We use TRichViewEdit.OnContextPopop event to display it.

dx-popup-menu.png (40.29 KiB) Viewed 62967 times

[Sergey Tkachenko]

This demo also shows how to:

• maintain a list of recently opened files
• change DX skin, and apply this skin to TRVRuler
• display a progress of a long operation in a TdxRibbonStatusBar section
• switch the editor DPI (zoom)
• create screen tips (from hints and images)

dx-zoom.png (37.55 KiB) Viewed 62965 times

[Sergey Tkachenko]

Plans for future updates

• combobox (and/or gallery) for choosing named styles, an analog of TRVAStyleTemplateComboBox
• live spelling items in TRVAdxRibbonPopupMenu
• the second set of TRichView toolbar images in this demo
• modern versions of an application menu for the ribbon

[Nostradamus]

Hi,
Where do I get a copy of the color picker demo project ?

cheers

Richard

[Sergey Tkachenko]

What do you mean? There is a new ribbon demo project (see screenshots in this topic), its source code is in
<TRichView Dir>\ThirdParty\DevExpress\Demos\Ribbon\

[Sergey Tkachenko]

Compatibility with Developer Express VCL v21.2

A patch is available for registered users (in the protected section of this forum).
It will be included in TRichView v20.