Page 1 of 1

New controls for integration with DevExpress Ribbon VCL

Posted: Wed Jul 28, 2021 10:06 am
by 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

Font comboboxes

Posted: Wed Jul 28, 2021 10:12 am
by 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
dx-font-combobox.png (48.06 KiB) Viewed 63761 times

Color pickers

Posted: Wed Jul 28, 2021 10:18 am
by 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
dx-color-picker.png (37.94 KiB) Viewed 63757 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
dx-color-dialog.png (82.91 KiB) Viewed 63757 times

Table insertion

Posted: Wed Jul 28, 2021 10:21 am
by 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
dx-insert-table.png (32.32 KiB) Viewed 63755 times

Popup menu

Posted: Wed Jul 28, 2021 10:25 am
by 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
dx-popup-menu.png (40.29 KiB) Viewed 63753 times

Other features

Posted: Wed Jul 28, 2021 10:29 am
by 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
dx-zoom.png (37.55 KiB) Viewed 63751 times

To-do

Posted: Wed Jul 28, 2021 10:32 am
by 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

Re: New controls for integration with DevExpress Ribbon VCL

Posted: Tue Dec 07, 2021 9:11 am
by Nostradamus
Hi,
Where do I get a copy of the color picker demo project ?

cheers

Richard

Re: New controls for integration with DevExpress Ribbon VCL

Posted: Tue Dec 07, 2021 9:42 am
by 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\

Compatibility with Developer Express VCL v21.2

Posted: Thu Dec 16, 2021 3:17 pm
by 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.