}
.EditableTable tr.Selected + tr.RowControlGroup .ControlActions {
.EditableTable tfoot {
Hi guys easy question for you because i've not experience with CSS:
I was trying to change the SaveRowAction icon to green.
On my CSS from that page and based on what you said here I put:
.TableName tr.OnEdit + tr.RowControlGroup . ControlActions a.SaveRowAction{
color: green;
Not working!
Other issue is when I have some input not valid on the Save Action, using o Input_FocusFirstInvalid, ALL the Decimal and Currency values of that page got crazy! Just when we have for example 100 it will change for 100.0 (one decimal place). Is not a good user experience!
Can you help me?
Thank you for your help!
I have a question as well:
How can I translate text in the 'Add record' button?
Lukasz Cybula wrote:
Hi Lukasz,
It is in the table properties.
Regards,
Hello,
When trying to disable the Add Record link found this document which led me to here.
I'm using Outsystems 9.1 and didn't find the style .EditableTable tfoot in Lisbon Theme CSS and so I tried adding it to the CSS but the link still showed.
So I changed the style td.RowWithAddAction by puting the line display: none and with that the footer doesn't show.
This is what I have in my page CSS:
td.RowWithAddAction { background: none repeat scroll 0 0 #fff; border-bottom: none; padding: 0; display: none;}
How do you abort insertion or deletion from an editable table? For example a user deletes a record but due to some database error it is not deleted and an exception is raised. But still the record is removed in display until it is refreshed. How can I keep this record in display?
Khalil Dahham wrote:
Hi Khalil,
Usually you follow an optimistic approach where you assume that both insert and delete operations will work (specially if you don't have much collaboration). Then, if something went wrong at ahome database level, just refresh the whole table and give a proper feedback explaining what happened (this should be very common).
Cheers,
Vasco
Hi there,
An extra question here, if I have two editable tables in a form, and one should have the add records disabled and the other enabled.
The CSS works on the whole form, so adding the disabling css disables it on both editable tables.
What to do?
Wilko
Hi Wilko,
you can place both editable tables in different containers with different class names. Include these class names as part of the CSS.
For instance class1 > td.RowWithAddAction for the first one and class2 > td.RowWithAddAction for the second one.
You can the adjust both in their own unique way.
Kind regards,
Remco Dekkinga
Nice solution Wilko!!!
Claudio Lichtenthal wrote:
Hello All, did anyone ever come up with an answer the Claudio's question here? I would really like to impliment it.
Thanks!Chris
hi there,
I am still confuse to prevent tab in the last row by wrapping in if statement:
ContactTable.List.CurrentRowNumber = ContactTable.LineCount-1.
If i put IF widget in the expression widget that contains this script:
<script>$(document).ready(function() { $('#"+Contact_Email.Id+"').on('keypress keyup keydown', function (event) { var keyCode = event.keyCode ? event.keyCode : event.which; // TAB but not SHIFT if (keyCode === 9 && !event.shiftKey) { event.preventDefault(); return false; } });});</script>
the tab still works, even for the last row.
How to do it?
regards,
IB