Toolbar Menu buttons. Any chance they will be changed???

BLOMASKY

I need to use Toolbar vs. standard menu on the top bar (otherwise, I lose the option of having an entry field in line with the buttons). However, my user is SO confused that when you click the button, NOTHING happens, and you have to click the teeny weeny down arrow on the right. How hard would it be to either:

1) Display these buttons like the standard buttons with no "stinkin" arrow and then clicking the button would display the menu
2) Have a click on the button (which does visually depress so it LOOKS like it will do something) do the same as the down arrow
4) Allow standard buttons to also have inline test.

(yea, I skipped 3, cause 3 is just... boring...)

Thanks
Bruce

Powerm

Correct, that arrow is not user friendly at all...

BenHayat

There was a long thread on this and it looked like it never got anywhere..., even some developers (I think it JB) posted info from Kendo site.
The problem is that, that's how it comes in Kendo Library as standard.

BLOMASKY

Just because pictures help explain my (and my customers) pain...

I have 2 choices for Menus. Standard or toolbar.

If I use Toolbar, I get the silly buttons that don't do anything (and confuses my users).

If I use standard, my inline entry field gets added to a menu with the name "undefined" Again, does not impress the users.

I am confident that the people who can develop such a GREAT development tool, can fix this teeny weeny issue with the UI

RIGHT??
RIGHT??????

BenHayat

Bruce (Lee), let me save you lots of time and tell you to stay away from Standard Menu in V7 and stick with Toolbar Menu.

customaware

Which do not allow Input Controls Ben.

If an Input Control works in a Standard Menu then it should work in a Toolbar Menu.

If the mouse over drop down works in a ToolBar Menu then it should work in a Standard Menu

Seems to me that the Standard is based on Kendo's ToolBar style so the problem is inherent in Kendo while the Aware Toolbar
Menu is based on Kendo Menu control. That sounds a bit double Dutch eh?

So, the logical answer is as you state Ben.... Stay away from Standard but lets have Input Control capability in the Toolbar Menu

johntalbott

Put this in Visual Perspective > Top Bar > Other Settings > Advanced > Initialization Script

config.click = function(e) {
          var element = e.target.closest(".k-split-button") ; 
          var popup = element.data("kendoPopup");
          

      if (popup) {
           if (popup.visible()) {
                popup.close();          
           } else {
                popup.open();        
           }
       }
}

BenHayat

eagles9999 wrote
So, the logical answer is as you state Ben.... Stay away from Standard but lets have Input Control capability in the Toolbar Menu

After going back & forth between the two and trying to gauge the final outcome and responsiveness and Mobile, Toolbar does a better job. Is it perfect, heck no... 🙁

BenHayat

johntalbott wrote

Put this in Visual Perspective > Top Bar > Other Settings > Advanced > Initialization Script

config.click = function(e) {
          var element = e.target.closest(".k-split-button") ; 
          var popup = element.data("kendoPopup");
          if (popup) { popup.open() }
}

YES! YES!, John did it and works!
Support, please use this code and apply it in Aware.

Thank you John!

pureist

it can't be that easy. Support said it is very difficult.
there must be a drawback or other quirk which occurs as a result of the script?
does that script both rectify the Toolbar button issue and retain the input control?

BenHayat wrote

YES! YES!, John did it and works!
Support, please use this code and apply it in Aware.

Thank you John!

BenHayat

pureist wrote
it can't be that easy. Support said it is very difficult.
there must be a drawback or other quirk which occurs as a result of the script?
does that script both rectify the Toolbar button issue and retain the input control?

Well, so far the tests don't show any side effects. I don't need the input control as of yet. My big problem has been, test users (including myself) keep clicking on the "Icon & Wording" part of the menu item (from years of menu usage), and then we have to mentally switch thinking that we need to click on the down arrow.
But the funny part is (part of human brain), when I/user sees a dropdown box, we click on the down arrow automatically, but not on the menu. 🙂

Note: The only side effect that I noticed so far, is that, if you click and get a drop down of menu items and you click on the wording part again, it won't close the menu list, where as the Downarrow works properly.

johntalbott

BenHayat wrote
Note: The only side effect that I noticed so far, is that, if you click and get a drop down of menu items and you click on the wording part again, it won't close the menu list, where as the Downarrow works properly.

Yes ... I noticed this right after I posted the code. I just updated the code to take care of it.

In general, there shouldn't be issues with any custom code if it's done correctly. It's all standard Javascript/JQuery/Kendo API stuff ... which is what AwareIM is using.

RentProperty

Thnx John, this is Awesome!! 🙂

How can I Apply the same principal to Drop Down menu's on Forms? I copied this into the Initialization Script of the form but the I still have to click the arrow to open the Drop Down.

Kind Regards

Hein

hpl123

Big thanks John for this and the other contributions you've made 😃.

Support, can this fix be implemented for VP's, queries, forms (all locations where applicable really) etc.? (Or some other solution sooner rather than later. The existing solution is IMO unusable so I have to do a lot of extra stuff (custom menu) to get a working menu system.). Thanks

johntalbott

fyi - I just made another edit to the code above to put the "if (popup)" condition back in. I accidentally removed it during a previous edit.

It will work without it, so you may not have noticed ... but looking at the browser console you can see that javascript exception occurs if you click on a toolbar button that doesn't have a popup used for the menu dropdown.

BLOMASKY

You said you updated your code to allow clicking to close the menu. Perhaps you will upload that code here..

WAIT...WAIT... since you asked, what would be MOST perfect, if it opened when MOUSE OVER and CLOSED when MOUSE LEFT. (whatever command that is. This way, my delicate finger won't get carpal tunnel for excess mouse clicks! Wonder if that can easily be done? Maybe? Possibly???

Bruce

BenHayat

johntalbott wrote
fyi - I just made another edit to the code above to put the "if (popup)" condition back in. I accidentally removed it during a previous edit.

It will work without it, so you may not have noticed ... but looking at the browser console you can see that javascript exception occurs if you click on a toolbar button that doesn't have a popup used for the menu dropdown.

John, can you post the final code as a new post, so we won't get confused what the final code is or should be?

johntalbott

RentProperty wrote
Thnx John, this is Awesome!! 🙂

How can I Apply the same principal to Drop Down menu's on Forms? I copied this into the Initialization Script of the form but the I still have to click the arrow to open the Drop Down.

Kind Regards

Hein

Can you post an example screenshot and/or point me to a form in one of the sample apps that's using a drop down menu?

johntalbott

Here is the latest version of the code:

Put this in Visual Perspective > Top Bar > Other Settings > Advanced > Initialization Script

config.click = function(e) {
          var element = e.target.closest(".k-split-button") ; 
          var popup = element.data("kendoPopup");
          

      if (popup) {
           if (popup.visible()) {
                popup.close();          
           } else {
                popup.open();        
           }
       }
}

johntalbott

BLOMASKY wrote
You said you updated your code to allow clicking to close the menu. Perhaps you will upload that code here..

WAIT...WAIT... since you asked, what would be MOST perfect, if it opened when MOUSE OVER and CLOSED when MOUSE LEFT. (whatever command that is. This way, my delicate finger won't get carpal tunnel for excess mouse clicks! Wonder if that can easily be done? Maybe? Possibly???

Bruce

Anything can be done, one way or another. Where do I send the invoice? 😃