Skip to content

Latest commit

 

History

History
44 lines (21 loc) · 2.16 KB

feed-input-0ec25a1.md

File metadata and controls

44 lines (21 loc) · 2.16 KB

Feed Input

With this control you can enter and post text for a new feed entry.

The sap.m.FeedInput control allows users to enter and send plain text. It complements the sap.m.FeedListItem control to create a simple feed. You can use the FeedInput control if you need to input small amounts of text without formatting.

Overview

  • Responsiveness

    The feed input control can be used in small and large containers due to its responsive behavior.

  • Layout

    The feeder (that is, feed input) is used to write plain text and (depending on the context) to then create a note or feed entry by choosing the Send pushbutton. The FeedInput control provides the possibility to display a picture of the current user.

    If the user image has not yet been set, a generic placeholder is shown. If the app does not support user images at all, the image can be omitted.

    For more information about the layout options, see the Samples in the Demo Kit.

  • Behavior

    Initially, the feeder contains an input prompt, and the Send pushbutton is disabled. You can click into the input field to focus on it.

    When the user starts to type, the input prompt disappears and the Send pushbutton is enabled and becomes more prominent.

    If the available width is less than 25 rem (for example, portrait mode on a mobile phone), the picture is removed. For more information, see the API Reference Documentation.

More Information

The sap.m.FeedInput control can be used in combination with the sap.m.FeedListItem control as a feed or notes control. For more information, see the Feed List Item control documentation.

Note:

If you need only one single text box instance, use the sap.m.TextArea control for multi-line text. For more information, see the Samples in the Demo Kit.

Or you use the sap.m.Text control for single-line text. For more information, see the Samples in the Demo Kit.