Variable Currency Widget on Record Producer is way too small

Tobi_01 · ‎11-09-2023

Hello All,

Im Having a issue with using a Item on a Record Producer.

I am using Type „Custom with Label“ for a variable that should Display the variable currency Widget.
It is displaying it, but just way too small, it is Stored inside a 2 Column container, but just using around 10% of the available Space.

can someone help me with that?

Sandeep Rajput · ‎11-09-2023

@Tobi_01 I faced the similar issue in the past, Since OOTB Variable Currency widget is read only. You need to make a clone of it and use that clone as a Custom with Label variable on your Record Producer.

Also, on your cloned widget, you need to add following CSS in the CSS field.

input.currency{
  text-align: right; 
  width:auto;
}

Hope this helps.

View solution in original post

Sandeep Rajput · ‎11-09-2023

@Tobi_01 To make the field read only you need to use ng-disabled="true" in the input put attibutes

<input type="text" ng-model="page.fieldValue" ng-model-options="{getterSetter: true}" class="form-control currency" id="sp_formfield_{{::page.field.name}}" aria-required="{{page.field.isMandatory()}}" ng-attr-aria-invalid="{{page.field.isInvalid || error || undefined}}" ng-blur="formatCompensation()" ng-disabled="true"/>

Please mark my answers helpful and correct as they have already addressed the issue you initially reported.

Tobi_01 · ‎11-10-2023

@Sandeep Rajput thanks again, it is working. So the Widget is read only now, but i Need it to be only read only based on some conditions. Setting the Read only value in an OnChange Client Script did Not work

Sandeep Rajput · ‎11-10-2023

You need to control this via the widget's client script.

Tobi_01 · ‎11-10-2023

@Sandeep Rajput Thank you very much for Your Support, i really appreciate it!

Akula M S G Dev · ‎05-10-2024

but how to make currency dropdown editable ? is that possible to show currencies dropdown so that user can select?