nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

VF Custom command

fjvelasco

Hi

I'm working in TS 6.1 Windows 2000, and I want to add a custom command to Visual Format Editor. I think that I'm taking the right steps but I don't obtain the command be executed:

1. In datacapture.cfg in <textarea> I've set the attribute:

external-editor-config="visualformatconfig_custom01.xml"

2. In visualformatconfig_custom01.xml I've set the CSS and another commands (all of them works fine) and another custom command:

--- In the <external> section, next to the comments I've added:

<command name="jscmdCommand01" >
<image src="[eWebEditProPath]/btnedit.gif"/>
<caption>My Custom Command</caption>
<tooltiptext>My Custom Command</tooltiptext>
</command>

--- And I've added the button in the toolbar:

<button command="jscmdCommand01"/>

3. In the \iw-home\httpd\iw\ewebeditpro20\ewebeditproevents.js I've added the following JavaScript handle:

eWebEditProExecCommandHandlers["jscmdCommand01"] = function(sEditorName, strCmdName, strTextData, lData)
{
alert ("Hello");
}

That's all. When I edit the form, the VisualFormat shows the button and doesn't work, the "alert" doesn't show. I've tried with code copied from examples but nothing happens.

In the forums I found this solution but I cannot make it work.

Some ideas?

Thanks in advance.

Paco.

Find more posts tagged with

Comments

fjvelasco

My goal isn't show an alert, it is to make a dialog to manage the attribute "class" from tables and columns, but I'm starting with "alert" to assure that my code is called.

The reason of that custom command is because I want to limit the colors and borders of the tables. The "table properties" and "cell properties" of VisualFormat has a lot of options that I don't want to show to the user. Someone know how to limit the colors and options of that dialog?

The error in my custom command or the limitation of the dialogs is the solution to my interface problem.

Thanks to all.

Paco.

Migrateduser

I think the problem might be the alert command, itself. The VFE thinks you're trying to push an alert through IT, not the DCT. I believe the DCT, in this case, would be 'parent'. So, parent.alert or top.alert might work.

But even though the alert function is the perennial debugging tool for JavaScript, try instead to open a window.

In place of alert('hello'];, try:



eWebEditPro.openDialog(sEditorName, eWebEditPro.resolvePath("test.html"), "", "windowName", "width=250,height=120");

It doesn't matter that test.html doesn't exist. So what, it'll throw you a 404 -- at least you know you're good up to that point.

Let me know how that works for you.

Dave

Current Environment(s):
(1) TS 6.1 SP1 on W2K3
(2) TS 6.1 SP1 on W2K
(3) TS 5.5.2 SP2 on Win2K

ela

I don't think you can remove any of the options from the original table function, so you would have to write your own function, as you suggest.

I tested the alert for you, and discovered, that the command name had to be written with small letters in the ewebeditproevents.js file:
eWebEditProExecCommandHandlers["jscmdcommand01"] = function(sEditorName, strCmdName, strTextData, lData)
{
alert('Hello');
}

You can try it out yourself and see if it works for you as well.

I've added some new functions myself, but not regarding tables. Please tell if you need more help.

Eldbjoerg

fjvelasco

I'm sorry, It works... the command name must to be writen in lowercase.

Thanks for your help.

I will try to write a page or dialog to edit the "class" in <td>, so I will control the whole aspect of the tables.

Thanks again.

Paco.