Smart View Action bar changes

Hi Youva,

Sorry I was gone on vacation trip across the Europe. 😄

One way I found is complicated and presumably not officially supported by Opentext. (I don't know any better though. 😉)

It assumes you're trying to achieve this using Smart UI SDK and already know how to work with it.

• Create and install Smart UI Extension project into your Content Server
• In your generated "-extensions.json" add the following (remove comments)

"csui/widgets/nodestable/toolbaritems.masks": { //<-- targets the file which handles masking buttons
  "masks": {
    "tableHeaderToolbar": { //<-- Name of the "toolbar" we want to control - table header
      "blacklist": [
        "AddVersion", //<-- Signatures of the "Commands" we want to hide
        "Classify",
        "Copy",
        "Delete",
        "Move",
        "RemoveClassification",
        "Reserve"
      ]
    },
    "inlineActionbar": { //<-- Different toolbar, this one is the one that shows when you mouse over row
      "blacklist": [
        "AddVersion",
        "Classify",
        "Copy",
        "Delete",
        "Move",
        "RemoveClassification",
        "Reserve"
      ]
    }
  }
}

• Run grunt and deploy the out-module on your Content Server
• Restart the Content Server service (so CS can read the -extensions.json)

Important notes:

• This is not official guide, I figured all of this myself by digging through the code and debugging
• NodesTable widget and SearchResults widget are separated -> have different masks
• -> If you want to hide buttons in search results, use "csui/widgets/search.results/toolbaritems.masks"

Useful info:

• Every button = CommandModel
• They are all registered in CommandsCollection (done with csui/utils/commands)
• Every "toolbar controller view" in table view handles collecting and filtering commands to be created and displayed -> that's also where the masks affect the displayed commands
• -> -> "lib\src\csui\controls\tableactionbar\tableactionbar.view.js": line 77

options.collection = new FilteredToolItemsCollection(
  options.collection, {
  status: status,
  commands: this.commands,
  delayedActions: options.delayedActions,
  mask: options.toolItemsMask // <-- HERE is the toolItemsMask object
});

• Additionally, every button (= command) itself decides if it should be visible or not.
• It does this by using the "enabled" method that gets inherited from the "CommandModel"
• This method has conditions in it and if it returns true, the button is displayed
• Common conditions are: Type limiting (only 144), selection limiting (only 1 row selected), ...
• However, you cannot modify these conditions directly because they're part of the csui module which is outside of the scope of our extension - only opentext can safely modify the code in "csui" folder.

I hope this may help you.

Your Smart UI Rubber Duck 🦆

Jan

Hello @bharath_ot,

The best option would be to restrict the user permissions on the mentioned folder. But I assume you cannot do that, since you're asking here. 🙂

Another option is to use the Smart UI SDK to replace the commands' code. I don't know if SDK allows you to easily change the csui (default) commands with new ones.

The way I would do it if there is no better way:

• I would first hide them via masks, like shown above,
• then provide new commands from my extension I made in Smart UI SDK.
• These commands would extend the original Copy, Move and Delete.
• I would overwrite the function responsible for showing the commands in the bar, the "enabled" function.
• In this function I would make a condition to not display the commands inside of a specific folder.
• I would build and deploy the extension
• And, of course, debug 😅

If you need help with that please start a new thread and ping me.

After a long break from the forums, 😴

Jan

PS: There is a known bug with the masks (from comment #4) not working in CS 22.1

Opentext kindly provided a patch pat162004803 which should be available in System Center

Hello @mvna,

Let's start a new discussion, please. :-)

This page is about hiding commands in action bar and I don't want to clutter it.

Just ping me in the new thread and I'll try to help.

Jan

@mvna

Congrats on your achievement! Creating Custom Actions on the Smart UI Multi-Select command bar is something I have been after for a while too. Ultimately I want to create Custom Patch that adds/removes new commands and that when clicked would call a WebReport.

(I think it is inappropriate to have to create full on module just to add a button to the screen)

This patch would similar/moddeled

to how you can create Appearances & ActiveViews in the Classic. As I have noted many times on this Forum, the Smart UI has so few entry points into in for the WebReport Developer.

Please see:

https://forums.opentext.com/forums/developer/discussion/309338/nodes-table-real-example#latest

NodesList and NodesTable actually offer a even less Multi-Object commands i(f you are trying build an Aggregate View).

Any chance you share with me the code to extend/control the Smart UI Multi-Select command?

Regards,

-MC

mike@ggcs.ca