Skip to Content (Press Enter)
2016-01-27 18-53-17
Miguel Pinto
334Views
6Comments
Solved
Editable Widget Table - Change position of "Add Record"
Question
Hi all,

Is it possible to change the position of "Add Record" button in an editable widget table? I want to change it to the top right corner, inside the header.

Something like this:
  
I need this workaround because the customer is requesting more space in the page and I have 3 more tables exactly the same.

Thanks in advance.

Regards,
Miguel
0
0
11 Apr 2016
Copy Link
2012-10-08 11-59-27
Guilherme Pereira
Staff
Solution

Hi Miguel,


The editable table is not configurable to allow that.

in order to achieve that what you can probably do is:

1) By css hide the row .RowWithAddAction with style thus hiding the the link 

2) Create a link and place it on the top right corner of the table

3) Use javascript to setthe behavior of when clicking the custom link trigger the click on the original link



You can check a working sample here


Hope this helps

Guilherme

0
0
20 Sep 2016
Copy Link
UserImage.jpg
Saravana

Guilherme Pereira wrote:

Hi Miguel,


The editable table is not configurable to allow that.

in order to achieve that what you can probably do is:

1) By css hide the row .RowWithAddAction with style thus hiding the the link 

2) Create a link and place it on the top right corner of the table

3) Use javascript to setthe behavior of when clicking the custom link trigger the click on the original link



You can check a working sample here


Hope this helps

Guilherme

Hi Guilherme Pereira,

                    I tried that. But i did some mistake, It's not working properly. Can yo give me the oml.

Thanks in advance.


0
0
23 May 2018
Copy Link
2016-01-27 18-53-17
Miguel Pinto

Hi Guilherme,

Thanks for your reply. 

It works!

Thanks,

Miguel Pinto

0
0
21 Sep 2016
Copy Link
2022-10-20 02-09-39
JeffT

Hi saravana,

This post is old and closed already .Request you to create new post and add your oml to get immediate response.


Thanks and Regards,

Rocky :)

0
0
24 May 2018
Copy Link
2020-09-11 18-53-44
Stacey Levine

Just to add in case anyone is trying to follow this example, add a container with an expression below wherever you put the link. In the expression is where you put the Javascript code. For the EXAMPLE property, put it to whatever you want - in this case the original post used <SCRIPT>.

0
0
10 Jul 2018
Copy Link
UserImage.jpg
Luis Fernando Benavides Rengifo

Hello everyone, another alternative could be this:



In the javascript option of the screen



Regards


0
0
08 Nov 2019
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.