Displaynig Status Label of Table Record

Tomáš Navrátil

February 27, 2017 at 2:01 am #3856

Dear Spark gurus,

I have a following scenario:

List of objects is displayed by Table control. Each of the objects has a property named “status”, that contains one of predefined status codes of type String. In the table, I want to display textual representation of status, which is different from the code. I have managed to use Single Select for displaying the status, but it still displays the dropdown triangle icon. See attached image.

Is there any better way of achieving this functionality?
What would be the best way to hide the icon inside single select? My idea was to use some CSS.

Best regards,

Tomas N.

SPARK Support

February 27, 2017 at 3:32 pm #3872

Hi Tomas,

Try dropping the following style into a Custom HTML control:

<style>
.Single_Select>.form-group>.input::after {
display: none !important;
}
</style>

Regards,

Stephen P.

Tomáš Navrátil

February 27, 2017 at 11:51 pm #3877

Hi Stephen,

thank you for the solution. This CSS rule hides the icon inside all single select controls in the coach, so we are closer to what we needed. I am wondering if there is any simple way to target only read-only selects inside table. I couldn’t come up with a CSS-only solution, so please let me know, if I am missing something. Otherwise, I could probably create a JavaScript workaround or add some CSS classes to coach views to target only the controls I need.

Regards,

Tomas N.

SPARK Support

March 3, 2017 at 11:03 am #3920

Hi Tomas,

OK – replace the CSS in the Custom HTML with something like:

<style>
.disabledSS>.form-group>.input::after  {
display: none !important;
}
</style>

Then, either add disabledSS as a Class under the HTML Attributes config setting, or you can call this dynamically per control:

${Single_Select2}.addClass(“disabledSS”);

Or better still, add this to the On Load event of any Single Select control on the form:

if(!me.isEnabled()){me.addClass(“disabledSS”);};

Regards,

Stephen P