Cuando intento agregar ObjectPageSection dentro de <sections> de un ObjectPageLayout, veo que el título viene en mayúsculas.

¿Alguien podría explicar por qué? Me gustaría mostrarlo en mayúsculas y minúsculas.

Aquí está el fragmento del código:

<mvc:View
  xmlns:mvc="sap.ui.core.mvc"
  xmlns="sap.uxap"
  xmlns:layout="sap.ui.layout"
  xmlns:m="sap.m"
  xmlns:blockcolor="sap.uxap.sample.SharedBlocks"
  controllerName="personal.controller.Object"
  height="100%"
>
  <ObjectPageLayout id="ObjectPageLayout"
    enableLazyLoading="false"
    showAnchorBarPopover="false"
    showFooter="true"
  >
    <headerTitle>
      <ObjectPageHeader objectTitle="{DataAgingGroupName}"/>
    </headerTitle>
    <sections>
      <ObjectPageSection title="Section 2">
        <subSections>
          <ObjectPageSubSection title="Deletable Data Subjects">
            <blocks>
              <Table xmlns="sap.m" id="table"
                mode="SingleSelectLeft"
                width="auto"
                items="{invoice>/Invoices}"
                noDataText="{worklistView>/tableNoDataText}"
                busyIndicatorDelay="{worklistView>/tableBusyDelay}"
                growing="true"
                growingScrollToLoad="true"
                updateFinished="onUpdateFinished"
              >
                <columns>
                  <Column id="nameColumn1">
                    <Text text="Data Subject"/>
                  </Column>
                </columns>
                <items>
                  <ColumnListItem
                    type="Navigation"
                    press="onPress"
                  >
                    <cells>
                      <Text id="__picker0"
                        text="{invoice>ProductName}"
                        width="100%"
                      />
                    </cells>
                  </ColumnListItem>
                </items>
              </Table>
            </blocks>
          </ObjectPageSubSection>
        </subSections>
      </ObjectPageSection>
      <ObjectPageSection title="Section 1">
        <subSections>
          <ObjectPageSubSection title="General Information"/>
        </subSections>
      </ObjectPageSection>
    </sections>
    <footer>
      <m:OverflowToolbar>
        <m:ToolbarSpacer/>
        <m:Button
          text="Delete"
          type="Reject"
          press="handleDelete"
        />
      </m:OverflowToolbar>
    </footer>
  </ObjectPageLayout>
</mvc:View>
1
Nandan Chaturvedi 14 feb. 2018 a las 14:37

2 respuestas

La mejor respuesta

Puede, y debe, si sigue las Directrices de Fiori, deshabilita las mayúsculas a través de upperCaseAnchorBar ya que el valor predeterminado es true allí. Lo mismo ocurre con <ObjectPageSection> que tiene la propiedad titleUppercase habilitado de forma predeterminada. Entonces, deshabilítelos explícitamente:

<ObjectPageLayout upperCaseAnchorBar="false" ...>
  <sections>
    <ObjectPageSection titleUppercase="false" ...>

El <ObjectPageSubSection>, por otro lado, también proporciona la propiedad titleUppercase, pero su valor predeterminado ya está false allí.

1
Boghyon Hoffmann 21 feb. 2019 a las 09:03

Viene del css

.sapUxAPObjectPageSectionTitleUppercase {
    text-transform: uppercase;
}

:)

0
Ji aSH 14 feb. 2018 a las 12:06