The CustomCommand event does not fire until a user switches from the Design tab to HTML and back

Hm… well, it still does not seem to sign up for events before the Design edit area is clicked in 15.1.6. As soon as the Design iframe is clicked, ribbon buttons start working as expected. Indeed, this no longer happens with the original sample I provided, but I still see the problematic behavior with ribbon buttons which should invoke HTML editor custom dialogs in my app and version 15.1.6.15245 of your controls. I've already spent a few hours trying to reproduce this with an isolated project, but unfortunately no luck so far. Maybe this is somehow related to the fact that ASPxHtmlEditor and the ribbon are not rendered on the page by default and appear only later (loaded via ASPxCallbackPanel), I don't know.
Do you have any ideas on what I can try to avoid / isolate the problem?
Nickolay, Software Architect
ClickHelp - Online Documentation Tool
http://clickhelp.co

Hello Nickloay,

I see that in the attached sample you have an external ASPxRibbon. In this case, it's necessary to use the ASPxClientHtmlEditor.ReconnectToExternalRibbon method after controls were reloaded (loaded) on a callback.
For example, you can call it in the ASPxClientCallbackPanel.EndCallback event handler.

Let us know if this helps.

Unfortunately, for whatever reason this did not help. I even tried calling the method 5 seconds after the control is loaded (just in case), but that did not seem to make any difference. Then I attempted some debugging of your JavaScript code and found out that the ASPxHtmlEditor's handler gets added to ribbon's ExecuteCommand handlers list indeed, it gets invoked (in fact, it gets invoked even if I don't call ASPxClientHtmlEditor.ReconnectToExternalRibbon), but it does nothing, because the both operands of the following condition in the ASPx.HEToolbarCommand method return false:
ASPx.HEToolbarCommand = function(heControlName, item, value){
 var heControl = ASPx.GetControlCollection().Get(heControlName);
 if(heControl) {
  if(ASPx.HtmlEditorsCollection.Get().IsLastActive(heControl) || !heControl.barDockManager.getRibbon(true)) {
    …
This is the line which causes the problem: if(ASPx.HtmlEditorsCollection.Get().IsLastActive(heControl) || !heControl.barDockManager.getRibbon(true))
The first operand returns false because this.lastActiveHtmlEditor[externalRibbon.name] is undefined (I see this in IsLastActive). I did not proceed further with my debug, but I can do so if this will help you figure out what's wrong.
Nickolay, Software Architect
ClickHelp - Online Documentation Tool
http://clickhelp.co

Hi Hickolay

The mentioned condition occurs if you're trying to use an external ribbon when ASPxHtmlEditor isn't focused on the first load (see the attached video). Make sure that ASPxHtmlEditor is focused.
If your scenario is different, please provide us with the following details:

1. A screencast illustrating the issue on your side (for example, you can use the Jing Tool to capture it).
2. If possible, modify the attached project to illustrate your scenario. At least, send us code snippets illustrating how you're adding/refreshing these controls on a callback. We'll try to reproduce the issue from scratch.

Thanks,
Artem

I got it! Looks like you need to place ASPxHtmlEditor into a MultiView with more than one view to get this behavior. I've attached a sample project. Please fix this issue or tell me what needs to be modified in my code in order to avoid it. So far, I've tried putting server-side and client-side Focus method calls into various lines in my code, but that did not seem to make any difference.
Nickolay, Software Architect
ClickHelp - Online Documentation Tool
http://clickhelp.co

Oops, wrong attachment. Here's the correct one.

Thanks for the sample. I'll check it and let you know my results.

Having checked your code, I found that there is no pnlOuter control on a page. This causes a JavaScript error on the ShowEditor link click. If I change pnlOuter  to pnlInner,  everything works as expected (see the attached video).
Would you please double-check the previous attachment and my video and let me know if I'm missing anything?
If this issue is browser-specific, send me the browser family/version.
Thanks,
Artem

My fault, I had a feeling you'll need more precise steps. Here they are:

1. Open the project in Chrome 45 (not in Firefox - in Firefox, it seems to work fine).
2. Do not click the link. It's from my previous experiment and appeared to be irrelevant. Instead, click the second tab on the ribbon.
3. Click the Image button on the ribbon. The button is supposed to invoke a custom dialog. You'll see that the ribbon item click event handler will fire, but ASPxHtmlEditor will ignore the click. However, if you click the Design view contents and focus it, the ribbon commands will keep working fine from that point and further.
   I've attached a Jing video just in case - it shows that the dialog works fine first, then I refresh the page and it does not work, then I click the Design view and it keeps working again.
   Nickolay, Software Architect
   ClickHelp - Online Documentation Tool
   http://clickhelp.co