Adding Submit button to the right side bottom of the Catalog item ?

[Ibaa_Shoheb]

Hello All,

I am trying to add a Submit button in the catalog item.

I have added a UI Macro and the button appears to the left top corner. below snapshot for reference:

This should appear at the bottom of the request:

Below is UI Macro code written:

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<div class="Submit">
<a class="request_catalog_button addtlBtn" onClick="Submit();">Submit</a>
</div>
</j:jelly>

Any idea how this can be achieved. Any leads would be appreciated. Thanks!

[Gaurav Bajaj]

HI,

You need to give macro variable as highest/last order while setting up variables for your catalog item.

Also, to display the button to the right side, you can add float: right to the button.

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<div class="Submit" style="float:right">
<a class="request_catalog_button addtlBtn" onClick="Submit();">Submit</a>
</div>
</j:jelly>

Thanks

Gaurav

[Ibaa_Shoheb]

Hi Gaurav,

I tried adding float:right to the code. Below snapshot:

Button appears to the right. However, i need this button at the bottom of the request.

Regarding setting order, this is the only variable added in my catalog.

Please suggest how it can moved to the bottom. Thanks!

[Gaurav Bajaj]

If its the only variable then I am assuming the other multiline text box is coming from the variable set.

Please make sure macro order is higher than the variable set order.

Please mark my response correct/helpful.

Thanks

Gaurav

[Vishal Khandve]

Hi,

give order to your Macro so it appears at last

Thank you.