Links to AwarewIM operations - where to use?

rocketman

Have been trying to think of ways to develop an interactive user manual.

Have a BO called Help with an attribute called Content which is set as plain text in the html format

So I have some text to guide the user through what they should be doing at the end of which is a simple button created using one of the functions in appendix d of the awareim help for simplicity and as a test I used

<button type=”button” onclick=”AwareApp.SystemSettings('Main')">TryIt Now</button>

I can see the button but it doesn't do anything. Can these functions be used embedded in plain text attribute in the html format

hpl123

Rocketman,
Try the startProcess functions instead. I have successfully used them from forms to start processes and I imagine it would work from a html text attribute as well.

From the userguide:

Function:
startProcessFromForm 
(processName, 
renderOption, 
htmlElem, saveFlag)

Example:
AwareApp.startProcess
FromForm 
(‘MyProcess’, ‘main’, 
this, true)

Comments:
Usually used from a custom 
HTML element on an object 
form (button or 
hyperlink). HtmlElem 
parameter indicates this 
element. If saveFlag is 
true will save the form 
before starting a process. 
The saved object will be 
used as a parameter to the 
process

Rennur

Try this:

For AIM processes:
<button type="submit" onclick="AwareApp.SystemSettings('Main')">Try It Now</button>

For links:
<form>
<button type="submit" formaction="http://google.com">Google.com</button>
</form>

Rennur

You don't have to use a 'button' input. Use <div>

<div class='button' onclick="AwareApp.startProcessFromForm ('myProcess', 'new_tab', this, true)"><a href="#">Run My Process</a></div>

class='button' - Create a CSSclass that looks like a button:

(embed it into the HTML cell before the <div>)

.button {
font: 14px/145% "Helvetica Neue", Helvetica, Arial, Sans-serif;
	background: #eeeeee;  

  display: inline-block;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop

(100%,#d6e7f0));
    background: -moz-linear-gradient(center top, #FFFFFF 0%, #d6e7f0 100%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 1px 1px 0px #FFFFFF;
    float: right;
    padding: 0px 8px;
    margin-right: 5px;
    margin-left: 5px
    border-color: #a4cce5;
    border-width: 1px;
    border-style: solid;
    font-size: 11px;
    color: #186487;
    font-weight: bold;

}
.button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f8fc), color-stop

(100%,#c1e0ed));
    background: -moz-linear-gradient(center top, #f2f8fc 0%, #c1e0ed 100%);
    border-color: #53a3d6;
    color: #133e58;
  text-decoration: none;
}
.button:active {
    background: #cee5f4;
    text-shadow: 1px 1px 0px #e5f0f7;
    border-color: #7ab8df;
    color: #658a9d;
  text-decoration: none;
}
.button a{
  color: #658a9d;
  text-decoration: none;
}

rocketman

Hi Heinrik,

Couldn't get it to work from the plain text html attribute as I'd hoped but have managed a "next best" option.

I created a Read form with one custom html attribute. I also put an attribute in the help BO - "Process_To_Call" where I type in the process I need

So the custom HTML attribute now has some code
<<Help.HelpText>> (this is a shortcut to the content BO)
<br><br>
<button type="button" onclick="AwareApp.startProcess ('<<Help.Process_To_Call>>','new_tab')">click me</button>

Simple but effective. There's always more than one way to skin a cat

rocketman

Rennur,

your posts must have come in as I was typing my reply to Heinrik. Thanks for the other suggestions - I will try them tonight to see which works best

Rennur

No probs 🙂

enclose the CSS with <style> </style>

(100%,#d6e7f0));
background: -moz-linear-gradient(center top, #FFFFFF 0%, #d6e7f0 100%);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: 1px 1px 0px #FFFFFF;
float: right;
padding: 0px 8px;
margin-right: 5px;
margin-left: 5px
border-color: #a4cce5;
border-width: 1px;
border-style: solid;
font-size: 11px;
color: #186487;
font-weight: bold;

}
.button:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f8fc), color-stop

(100%,#c1e0ed));
background: -moz-linear-gradient(center top, #f2f8fc 0%, #c1e0ed 100%);
border-color: #53a3d6;
color: #133e58;
text-decoration: none;
}
.button:active {
background: #cee5f4;
text-shadow: 1px 1px 0px #e5f0f7;
border-color: #7ab8df;
color: #658a9d;
text-decoration: none;
}
.button a{
color: #658a9d;
text-decoration: none;
}
</style>

<div class='button' onclick="AwareApp.startProcessFromForm ('myProcess', 'new_tab', this, true)"><a href="#">Run My Process</a></div>

hpl123

rocketman wrote
Have been trying to think of ways to develop an interactive user manual.

Have a BO called Help with an attribute called Content which is set as plain text in the html format

So I have some text to guide the user through what they should be doing at the end of which is a simple button created using one of the functions in appendix d of the awareim help for simplicity and as a test I used

<button type=”button” onclick=”AwareApp.SystemSettings('Main')">TryIt Now</button>

I can see the button but it doesn't do anything. Can these functions be used embedded in plain text attribute in the html format

Rocketman, I have thought more about this idea and it´s a great idea. Have you gotten any further developing it? I am thinking of doing this myself but I´m just afraid it would be a high workload keeping updated, when adding new articles etc. or what do you think? I wonder if anyone else has done this in Aware IM before?

Thanks

rocketman

Hi Henrik - sort of, although I've been a bit busy the last couple of weeks.

I couldn't get a button to work inside an html field so what I did was to create a form with the content in one html attribute and the button code inside another html attribute.

I have an attribute in the Help BO called 'Process_To_Call' and the code inside the button on the 'Read' form is:-

<button type="button" onclick="AwareApp.startProcess ('<<ThatHelp.Process_To_Call>>','new_tab')">click me</button>

I use THAT because the help file references itself - not sure whether it is needed but it works

I use a separator on the form with a condition so the button doesn't show if there is no process to call (ie just text to read).

Next stage is to allow content providers/editors to develop their own processes which they can add into the help bo's without reference back to the developer. Will keep you posted

rocketman

Meant to add (Why oh why can't we edit our own posts?) The main form for the help BO is a Tree so as you would expect all chapters and sub sections appear in the tree. The default action for a click is to bring up the read screen, but there are other actions in the (right mouse button) context menu to allow editing and/or addition of new chapters and subsections for users with the right permissions.

The only downside which as I said I'm working on, is that the content providers/editors would need to know the names of the processes that need to be called - The developer would need to create these processes (which as you rightly say might be a heavy workload overhead or they would need to be able to define their own - which in turn might cause data integrity issues if they (CP's/Editors) didn't know what they were doing).

Choices - choices .....

hpl123

rocketman wrote
Will keep you posted

Thanks for the info and please do, I´m interested in trying this myself.

hpl123

rocketman wrote
Meant to add (Why oh why can't we edit our own posts?) The main form for the help BO is a Tree so as you would expect all chapters and sub sections appear in the tree. The default action for a click is to bring up the read screen, but there are other actions in the (right mouse button) context menu to allow editing and/or addition of new chapters and subsections for users with the right permissions.

The only downside which as I said I'm working on, is that the content providers/editors would need to know the names of the processes that need to be called - The developer would need to create these processes (which as you rightly say might be a heavy workload overhead or they would need to be able to define their own - which in turn might cause data integrity issues if they (CP's/Editors) didn't know what they were doing).

Choices - choices .....

You have given this some thought I see 🙂. Yes, I imagine there would be additional work with this custom help but the pro´s might outweigh the con´s because having a good interactive help might be very valuable.

Mark HHP

This sounds similar to something I need, maybe I'm on the wrong track.

I need a form that displays certain queries and processes so that my boss can run "reports" of select items whenever he wants. The goal, I guess, is a page of buttons with each one linked to query or process. Is this method a good way of going about that?

rocketman

Hmmm, There might be a better way here Mark. Not tried this - I'll leave you to burn your own midnight oil, but hows about

A BO (call it report_choices) with two attributes a user friendly choice_title, and a process_to_call (which often aren't very friendly names)

Then a non persisting BO called Reports with an attribute that uses report_choices.Choice_title for its choice list.

Create a form for the npbo with one attribute for the choice list

User selects report to run, When "Create" is clicked, fire a process that uses report_choices.process_to_call as its parameter (would be something like START PROCESS report_choices.process_to_call (see AwareIM help for Process Call Action)

Hope |This helps