How to hide colons in SimpleForm

[former_member12087]

Hi all,

How I can hide colons among label and text control (see attached file)? I tried find something in sap.ui.layout.form.SimpleForm.js file, but nothing found.

Regards,

Pavel

[vijay_kumar49 · Accepted solution]

You added : (colon) some where in your code. Can you check once your code.

if you write code as per blow links that : (colon) should come into the form. if remove here its not available in form

new sap.m.Label({text:"Name:",textAlign : sap.ui.core.TextAlign.End}).addStyleClass("formLbl"),

See the example SimpleForm SAPUI5 SDK - Demo Kit

[former_member12087 · Accepted solution]

Hi,

The example above from http://https://sapui5.netweaver.ondemand.com/explored.html#/sample/sap.ui.layout.sample.SimpleForm35...

Colon (:) is added by  css "after" pseudo class (see attached file). I think currently I can not influe on that behavior without changing CSS. Class "sapMLabelNoText" is added to labels.

[vijay_kumar49 · Accepted solution]

Can you share your UI code?

[former_member12087]

Sure.

<mvc:View controllerName="ehs.inc.reportincidents1.controller.CreateIncident" xmlns:core="sap.ui.core" xmlns:f="sap.ui.layout.form"

  xmlns:footerbar="sap.ushell.ui.footerbar" xmlns:l="sap.ui.layout" xmlns:mvc="sap.ui.core.mvc" xmlns:semantic="sap.m.semantic"

  xmlns:smart="sap.ui.comp.smartfield" xmlns="sap.m">

  <semantic:DetailPage busy="{viewModel>/busy}" id="page" navButtonPress="onNavBack" title="{viewModel>/viewTitle}">

  <semantic:content>

  <l:VerticalLayout width="100%">

  <l:content>

  <f:SimpleForm columnsL="1" columnsM="1" editable="true" emptySpanL="1" emptySpanM="0" labelSpanL="3" labelSpanM="3"

  layout="ResponsiveGridLayout" maxContainerCols="1" width="100%">

  <f:content>

  <Label labelFor="LongTextCreate" required="true" text="What has happened?" class="sapMLabelNoText"></Label>

  <TextArea id="LongTextCreate" placeholder="{i18n>ymsg.detailIncidentDescriptionPlchld}"

  value="{viewModel>/locationData/IncidentDescriptionOfEvents}" width="100%"></TextArea>

  </f:content>

  </f:SimpleForm>

  </l:content>

  </l:VerticalLayout>

  </semantic:content>

  <semantic:saveAction>

  <semantic:SaveAction id="save" press="onSave"/>

  </semantic:saveAction>

  <semantic:cancelAction>

  <semantic:CancelAction id="cancel" press="onCancel"></semantic:CancelAction>

  </semantic:cancelAction>

  </semantic:DetailPage>

</mvc:View>

The version of SAPUI5 is 1.32.10

Regards,

Pavel

[former_member791687]

Hi Pavel,

Were you able to solve it?

[former_member12087]

Hi Tal,

As far as I remember it was done with customs css

BR,

Pavel