Order Now or Submit Button

alexcharleswort · ‎03-31-2015

I know this question has been asked a lot on here, and I have used a bunch of suggestions already, without success. I have had several complaints about the cart feature and was trying to add a "submit" button on the bottom of the form. I can make these buttons all day long, but I cannot seem to get them to link. I assume this is supposed to be a ui action?? so, from start to finish, does anyone have any great ideas on how to make this possible? Also, I have already weighed my option of going with record producer instead of service catalog, but I decided against it.

Sarah Powell · ‎04-01-2015

I have limited scripting knowledge as well so I could be wrong but I think ours is just a UI macro then the macro added to the catalog item form. The button was created during our original portal implementation with assistance from Fruition.

Below is the UI macro code we use...

<?xml version="1.0" encoding="utf-8" ?>

<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">

<a class="request_catalog_button addtlBtn" onClick="orderNow();">Order Now</a>

</div>

</j:jelly>

Then we added the variable to the form...

Type: Macro

Name: order_now

Macro: "name of UI macro above"

Button as it appears on the portal...

Our ESS users are able to click this button and submit their REQs with no issues.

Sarah

View solution in original post

Sarah Powell · ‎04-02-2015

Glad I could help!

dalton1 · ‎11-06-2015

Hi sarah.powell@hancockbank.com sarah.powell@hancockbank.com

This is not working anymore. I have tried using this before and it works but unfortunately now, it does not. Error displays:

Cannot set property 'onclick' of null.

Can someone help?

Thanks!

Sarah Powell · ‎11-16-2015

We are still using the code above with no issues. Have you recenly upgraded your instance?

alexcharleswort · ‎11-18-2015

It's actually not working anymore for us either. I don't know if all these Fuji hotfixes messed with it or not.

harryadjevi · ‎11-26-2015

Hi all,

I'm on Fuji and did Sarah's suggestion, all working fine.

I also changed the script so the button displays as blue like the top one

To do that I used Chrome, right click on the top "Order Now" button => Inspect Element

then copied the code into the "order_now" macro, as below

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<td style="min-width: 200px; max-width: 200px;" class="order_buttons" colspan="2">
<button id="order_now" title="" class="request_catalog_button_with_icon btn cat-btn btn-primary" onclick="if ($$('.order_buttons .disabled_order_button').length == 0) { orderNow(); } else { alert('Please wait - price being updated'); };" type="button" href="#" data-original-title="Order Now">Order Now</button>
</td>
</j:jelly>

I just copied the whole code.

Button now appears as this:

Now I need to find a way to remove the grey border around it or set it white.

Its really helping out to use the "Inspect Element" from Chrome function, give it a try.

Thanks.

Harry