{"id":205,"date":"2021-07-28T11:03:48","date_gmt":"2021-07-28T11:03:48","guid":{"rendered":"https:\/\/www.trichview.com\/wp\/?p=205"},"modified":"2021-07-28T11:03:50","modified_gmt":"2021-07-28T11:03:50","slug":"new-controls-for-integration-with-devexpress-vcl","status":"publish","type":"post","link":"https:\/\/www.trichview.com\/wp\/2021\/07\/28\/new-controls-for-integration-with-devexpress-vcl\/","title":{"rendered":"New controls for integration with DevExpress VCL"},"content":{"rendered":"\n

TRichView 19.3<\/a> includes a new demo and new components for integration with VCL components developed by Developer Express.<\/p>\n\n\n\n

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

These components are free for customers of TRichView and DevExpress VCL.<\/p>\n\n\n\n

Font comboboxes<\/h2>\n\n\n\n

This demo uses RichViewActions, a set of components and actions for building UI for a rich text editor.<\/p>\n\n\n\n

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.<\/p>\n\n\n\n

\"dx-font-combobox.png\"\/<\/figure>\n\n\n\n

Color pickers<\/h2>\n\n\n\n

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\"<\/p>\n\n\n\n

By default, when the user clicks “More Colors…”, RichViewActions display a TColorDialog’s dialog.
This demo uses TRVAdxColorDialogInterface component to use TdxColorDialog instead.<\/p>\n\n\n\n

\"dx-color-dialog.png\"\/<\/figure>\n\n\n\n

Table insertion<\/h2>\n\n\n\n

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.<\/p>\n\n\n\n

\"dx-insert-table.png\"\/<\/figure>\n\n\n\n

Popup menu<\/h2>\n\n\n\n

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.<\/p>\n\n\n\n

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.<\/p>\n\n\n\n

\"dx-popup-menu.png\"\/<\/figure>\n\n\n\n

Other features<\/h2>\n\n\n\n

This demo also shows how to:<\/p>\n\n\n\n

  • maintain a list of recently opened files<\/li>
  • change DX skin, and apply this skin to TRVRuler<\/li>
  • display a progress of a long operation in a TdxRibbonStatusBar section<\/li>
  • switch the editor DPI (zoom)<\/li><\/ul>\n\n\n\n
    \"dx-zoom.png\"\/<\/figure>\n\n\n\n

    Plans<\/h2>\n\n\n\n

    Plans for future updates<\/strong><\/p>\n\n\n\n

    • combobox (and\/or gallery) for choosing named styles, an analog of TRVAStyleTemplateComboBox<\/li>
    • live spelling items in TRVAdxRibbonPopupMenu<\/li>
    • the second set of TRichView toolbar images in this demo<\/li>
    • modern versions of an application menu for the ribbon<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"

      TRichView 19.3 includes a new demo and new components for integration with VCL components developed by Developer Express. The new demo is in \\ThirdParty\\DevExpress\\Demos\\Ribbon\\It shows how to use TdxRibbon with TRichViewEdit. These components are free for customers of TRichView and DevExpress VCL. Font comboboxes This demo uses RichViewActions, a set of components and actions for […]<\/p>\n","protected":false},"author":1,"featured_media":203,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[6,14,10],"tags":[],"class_list":["post-205","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-announcement","category-demos","category-trichview"],"uagb_featured_image_src":{"full":["https:\/\/www.trichview.com\/wp\/wp-content\/uploads\/2021\/07\/DXRibbon_TRichView.png",1041,783,false],"thumbnail":["https:\/\/www.trichview.com\/wp\/wp-content\/uploads\/2021\/07\/DXRibbon_TRichView-150x150.png",150,150,true],"medium":["https:\/\/www.trichview.com\/wp\/wp-content\/uploads\/2021\/07\/DXRibbon_TRichView-300x226.png",300,226,true],"medium_large":["https:\/\/www.trichview.com\/wp\/wp-content\/uploads\/2021\/07\/DXRibbon_TRichView-768x578.png",768,578,true],"large":["https:\/\/www.trichview.com\/wp\/wp-content\/uploads\/2021\/07\/DXRibbon_TRichView-1024x770.png",1024,770,true],"1536x1536":["https:\/\/www.trichview.com\/wp\/wp-content\/uploads\/2021\/07\/DXRibbon_TRichView.png",1041,783,false],"2048x2048":["https:\/\/www.trichview.com\/wp\/wp-content\/uploads\/2021\/07\/DXRibbon_TRichView.png",1041,783,false]},"uagb_author_info":{"display_name":"Sergey Tkachenko","author_link":"https:\/\/www.trichview.com\/wp\/author\/sergey-tkachenko\/"},"uagb_comment_info":2,"uagb_excerpt":"TRichView 19.3 includes a new demo and new components for integration with VCL components developed by Developer Express. The new demo is in \\ThirdParty\\DevExpress\\Demos\\Ribbon\\It shows how to use TdxRibbon with TRichViewEdit. These components are free for customers of TRichView and DevExpress VCL. Font comboboxes This demo uses RichViewActions, a set of components and actions for…","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.trichview.com\/wp\/wp-json\/wp\/v2\/posts\/205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.trichview.com\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.trichview.com\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.trichview.com\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.trichview.com\/wp\/wp-json\/wp\/v2\/comments?post=205"}],"version-history":[{"count":1,"href":"https:\/\/www.trichview.com\/wp\/wp-json\/wp\/v2\/posts\/205\/revisions"}],"predecessor-version":[{"id":207,"href":"https:\/\/www.trichview.com\/wp\/wp-json\/wp\/v2\/posts\/205\/revisions\/207"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.trichview.com\/wp\/wp-json\/wp\/v2\/media\/203"}],"wp:attachment":[{"href":"https:\/\/www.trichview.com\/wp\/wp-json\/wp\/v2\/media?parent=205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.trichview.com\/wp\/wp-json\/wp\/v2\/categories?post=205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.trichview.com\/wp\/wp-json\/wp\/v2\/tags?post=205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}