Skip to content
This repository has been archived by the owner on Aug 2, 2024. It is now read-only.

Amend Vue docs and showcases by colon (:) for Input Form #790

Open
mengbingguo opened this issue Jan 8, 2021 · 0 comments
Open

Amend Vue docs and showcases by colon (:) for Input Form #790

mengbingguo opened this issue Jan 8, 2021 · 0 comments

Comments

@mengbingguo
Copy link

mengbingguo commented Jan 8, 2021

Description

Having a colon at the end of the label is mandatory in the Fiori Guidelines (SAPUI5 renders that automatically). From reading the FD Vue docs, I don't know how I would achieve that. Also, the showcases need colon in input label by default to be Fiori-compliant.

Reproduction

SAPUI5:
image

Fundamental Vue:
image

Reference

Fiori Guidelines: https://experience.sap.com/fiori-design-web/form/#guidelines

At the end of the label, the form container automatically inserts a colon (:), which is triggered by the stylesheet. Do not write the colon manually in the label text.

@mengbingguo mengbingguo changed the title Input Label - No colon (:) automatically inserted at the end Form Input Label - No colon (:) automatically inserted at the end Jan 8, 2021
@mengbingguo mengbingguo changed the title Form Input Label - No colon (:) automatically inserted at the end Amend Vue docs and showcases by colon (:) for Input Form Jan 8, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant