UI Designer Overview

Posted on Posted in SAP Business ByDesign

In this article, we are going to learn about UI Designer.

The UI Designer is actually installed by default when you install the Studio. So no need to install separately. And we can launch it from the Studio and It provides drag and drop capabilities. There is a lot of very easy ways to edit properties of different things in the UI, so it is a really good tool.

UI Designer Overview - SAP ByD


    The UI Designer is an in-house-built graphical tool for designing floorplans. Floorplans are the actual screens, and we refer it as floorplans.


What can you do in the UI designer?
  1. Model custom floorplans: You can modify the screens that you have created in the studio
  2. Modify SAP floorplans: You can modify SAP floorplans which are also called as Standard floorplans
  3. Adapt floorplans for mobile devices: You can modify floorplans for use on a mobile device.

In our upcoming article, we will learn these topics clearly.

UI designer looks like:UI Designer Overview - SAP ByD
Overview of the UI Designer

   The bottom left is the main part of the UI Designer.

The UI designer contains a number of different tools and functions that you can access from the menu or on tabs at the bottom of the UI designer screen.

The bottom left has the following tabs:

  1. Designer: To design the user interface of an application with the available panes and controls from the Toolbox.
  2. Data Model: To bind the user interface elements to a business object element.
  3. Controller: To define the interaction between user interface components by creating event handlers, interfaces, navigation, and queries.
  4. Preview: To preview the changes made to a user interface component, for example, a floorplan.

Here you can learn the overview of the common features available in the user interface designer (UI designer) to design the user interface.

File Menu
  1. Close: Closes a user interface component.
  2. Save: Saves a user interface component in the repository.
  3. Save All: Saves all the user interface components that are being edited.
  4. Activate: Activates a user interface component, so that the model is available to all users who are accessing the repository.
  5. Exit: Exits the UI designer.
View Menu

UI Designer Overview - SAP ByD

    1. BO Browser/Data Model
      The BO Browser appears in different places in the UI designer. The Data Model tab stores the actual data model of the floorplan, and how it ties the elements of the floorplan itself to a business object.There are different colors are used to identify the binding status.

      1. Blue Indicates an internal data model element. These are used internally for different purposes.
      2. Yellow Indicates an unbound data model element. Data binding has not yet been specified for this element.
      3.  Green Indicates a bound data model element. Valid data binding has been specified for the particular element.
      4. Red Indicates a data model element for which the data binding has to be corrected.UI Designer Overview - SAP ByD
    2. Property Explorer
      1. It allows you to view and change properties for each element in the user interface model.
      2. You can edit a few properties, and some are read-only.UI Designer Overview - SAP ByD
    3. Toolbox
      1. The Toolbox provides the panes and controls that can be used to design the layout of a user interface component in the Designer tab.UI Designer Overview - SAP ByD
    4. Output Window
      1. The Output Window gives an overview of all the changes made to the floorplan that is currently open.


    1. OBN Explorer
      1. The OBN Explorer will provide information about the operations, target floorplans and the inports configured in a particular BO.


  1. Extensibility Explorer
    1.  The Extensibility Explorer is used to modify floorplans that come from layer lower than the layer the user is working on. Mostly, we are going to use this option for Standard Screens.


Tools Menu
  1. Update Metadata: Updates the backend metadata information in the active component.
  2. Options… Allows the user to personalize the debug and warning message settings.

Important Toolbar Options:UI Designer Overview
  1. Save and Activate
    Save your changes and implement them using activate.
  2. Display Edit
    Changes your view from a display to a view where you can edit what you want.
  3. Add FlexLayoutColumn
    Allows you to add an extra column where you can add fields.
  4. Run
    Runs the component after it has been activated in the front-end system.

we have seen an overview of UI Designer, and in the next unit, we will learn how to design the screens. Don’t forget to subscribe and leave your comment.

144 thoughts on “UI Designer Overview

  1. I absolutely love your website.. Excellent colors &
    theme. Did you develop this amazing site yourself? Please reply
    back as I’m wanting to create my own personal blog and
    would love to find out where you got this from or just what
    the theme is named. Thanks!

  2. I have been surfing online greater than 3 hours today, but
    I never found any interesting article like yours.
    It is beautiful value sufficient for me. Personally, if all site owners and
    bloggers made just right content as you probably did,
    the internet shall be much more useful than ever before.

  3. I refer my clients to The Lenders Network, they are type of
    like the Financing Tree for people with credit rating
    concerns, self employed or other problems most financial institutions can not
    approve they have a couple of lending institutions that
    go down to a 580 for FHA loans.

  4. Aw, this was a really good post. Finding the time and actual effort to create a top notch article… but what can I
    say… I put things off a lot and don’t seem to get nearly anything done.

  5. Have you ever considered publishing an e-book or guest authoring on other
    sites? I have a blog centered on the same subjects you
    discuss and would love to have you share some stories/information. I know my
    audience would enjoy your work. If you’re even remotely interested,
    feel free to shoot me an email.

  6. Se a pessoa tiver apanhado um peso saudável com
    numa sustento equilibrada e exercícios físicos na maior parte dos dias da semana,
    terá maior possibilidade de sustentar peso perdido no
    final das contas do que aquelas pessoas que buscaram emagrecer rápido.
    Para emagrecer de modo saudável primeiro passo será marcar uma
    consulta nutricional numa das nossas clínicas, localizadas por
    todo país.

  7. I have to voice my love for your generosity supporting people that actually need guidance on that study. Your real dedication to passing the solution all around has been surprisingly beneficial and have frequently permitted workers like me to reach their endeavors. Your new important information can mean a whole lot to me and further more to my fellow workers. Thank you; from everyone of us.

  8. I simply couldn’t leave yⲟur site prior too suggesting that I reаⅼly loved the standwrd іnfo aan inxividual
    provide on yoᥙr guestѕ? Is gonna be back
    frᥱquently to check out new ⲣosts.

  9. Hi, i read your blog occasionally and i own a similar one and i was just wondering if you get a lot of spam responses?
    If so how do you reduce it, any plugin or anything you can advise?
    I get so much lately it’s driving me mad so any support is very much appreciated.

  10. hey there and thank you for your info – I have definitely
    picked up anything new from right here. I did however expertise some technical points using this website, as I
    experienced to reload the web site many times previous
    to I could get it to load correctly. I had been wondering if your hosting is OK?
    Not that I’m complaining, but sluggish loading instances times
    will often affect your placement in google and could damage your quality score if
    ads and marketing with Adwords. Well I am adding
    this RSS to my e-mail and could look out for a lot more of your respective fascinating content.
    Make sure you update this again very soon.

  11. I seriously love your website.. Great colors & theme.
    Did you create this website yourself? Please reply back as I’m hoping to create my own personal blog
    and would like to find out where you got this from
    or just what the theme is named. Thank you!

  12. Excellent post. I was checking continuously this
    blog and I’m impressed! Very useful information particularly the last part 🙂 I care for such
    information much. I was looking for this particular info
    for a very long time. Thank you and good luck.

  13. Hi! I know this is kinda off topic but I was wondering if you knew where I could find a captcha plugin for my comment form? I’m using the same blog platform as yours and I’m having problems finding one? Thanks a lot!

  14. Hello this is kind of of off topic but I was wondering if blogs use
    WYSIWYG editors or if you have to manually code with HTML.

    I’m starting a blog soon but have no coding experience so I wanted
    to get advice from someone with experience.

    Any help would be greatly appreciated!

  15. What i do not understood is in fact how you are no longer actually a lot more neatly-liked than you might be right now. You’re so intelligent. You understand thus significantly in terms of this matter, produced me in my view consider it from numerous varied angles. Its like women and men are not involved until it’s something to accomplish with Woman gaga! Your individual stuffs outstanding. Always take care of it up!

  16. Hola! I’ve been reading your blog for a long time now and finally got the bravery to go ahead and give you a shout out from Lubbock Tx! Just wanted to mention keep up the excellent job!

  17. We’re a group of volunteers and starting a new scheme in our community. Your site provided us with valuable information to work on. You’ve done a formidable job and our entire community will be grateful to you.

  18. You actually make it seem so easy together with your presentation but I in finding this topic to be actually one thing that I feel I might never understand. It sort of feels too complicated and very large for me. I’m looking forward in your subsequent submit, I will try to get the cling of it!

  19. Hey, I think your site might be having browser compatibility issues. When I look at your blog in Safari, it looks fine but when opening in Internet Explorer, it has some overlapping. I just wanted to give you a quick heads up! Other then that, amazing blog!

  20. My spouse and I stumbled over here from a different web address
    and thought I should check things out. I like what
    I see so now i’m following you. Look forward to exploring your web page repeatedly.

  21. obviously like your web site however you have to take a look at the spelling on quite a few of your posts. Several of them are rife with spelling issues and I find it very troublesome to tell the reality however I will surely come again again.

  22. I believe what you typed was very reasonable. But, think about this, what if you wrote a catchier post title? I am not suggesting your information is not good, however suppose you added a title that grabbed a person’s attention? I mean UI Designer Overview is kinda boring. You might glance at Yahoo’s front page and see how they write news titles to get people to click. You might try adding a video or a pic or two to get readers excited about everything’ve written. In my opinion, it would make your posts a little bit more interesting.

  23. Somebody essentially help to make significantly posts I’d state.
    This is the first time I frequented your web page and up to now?

    I surprised with the research you made to make this actual post amazing.

    Excellent activity!

  24. I loved as much as you will receive carried out right here. The sketch is attractive, your authored material stylish. nonetheless, you command get got an shakiness over that you wish be delivering the following. unwell unquestionably come more formerly again as exactly the same nearly very often inside case you shield this increase.

  25. I simply couldn’t leave your web site before suggesting that I
    really loved the usual info an individual provide to your visitors?
    Is going to be back continuously in order to investigate cross-check new posts

  26. This is very fascinating, You’re an overly skilled blogger. I have joined your feed and stay up for in the hunt for extra of your fantastic post. Additionally, I have shared your site in my social networks

  27. You really make it appear so easy along with your presentation however I in finding this matter to be actually something which I think I might
    never understand. It seems too complex and very
    vast for me. I am having a look forward to your
    subsequent post, I’ll try to get the hold of it!

  28. After looking at a number of the blog posts on your web site, I seriously like your technique of writing a blog.
    I book-marked it to my bookmark website list and
    will be checking back in the near future. Please check out my web site too
    and let me know how you feel.

  29. Wow that was strange. I just wrote an extremely long comment but after I clicked submit my comment didn’t show up.
    Grrrr… well I’m not writing all that over again. Anyhow, just wanted to say great blog!

  30. The search will assist you to save money and time, while guiding one to the best cards.
    This can be an benifit of a small business that’s just starting out for the
    reason that amount you can charge for the card grows in addition to you.
    Twenty-eight percent admitted purchasing some part of their tuition with cards.

  31. It’s a shame you don’t have a donate button! I’d most certainly donate to this outstanding blog!

    I guess for now i’ll settle for book-marking and adding your RSS feed to
    my Google account. I look forward to brand new updates and will talk about this blog with my Facebook group.

    Chat soon!

  32. Excellent post. Keep posting such kind of info on your blog.

    Im really impressed by your blog.
    Hello there, You’ve done an excellent job.
    I’ll certainly digg it and in my view suggest to my friends.
    I am sure they will be benefited from this site.

  33. Thanks a bunch for sharing this with all folks you really
    know what you’re speaking about! Bookmarked.
    Kindly also consult with my site =). We can have a link exchange agreement
    among us

  34. I loved as much as you’ll receive carried out right here.
    The sketch is attractive, your authored material stylish.
    nonetheless, you command get got an shakiness over that
    you wish be delivering the following. unwell unquestionably
    come further formerly again as exactly the same nearly a lot often inside case you shield this increase.

  35. I’m very happy to uncover this page. I want to to thank you for ones
    time for this wonderful read!! I definitely really liked every bit of
    it and i also have you bookmarked to see new things in your web

  36. Oh my goodness! Amazing article dude! Thank you, However I am going through difficulties
    with your RSS. I don’t understand the reason why I cannot subscribe to
    it. Is there anybody else getting the same RSS issues? Anyone that knows the answer will you kindly respond?

  37. My partner and I stumbled over here coming from a
    different page and thought I might check things out.
    I like what I see so now i am following you. Look forward to going over your web page for a second time.

  38. I’m impressed, I have to admit. Rarely do I come across a blog that’s equally educative and engaging,
    and without a doubt, you have hit the nail on the head.
    The issue is something that too few men and women are speaking intelligently about.

    I am very happy that I found this in my search for something relating to this.

  39. Appreciating the hard work you put into your blog and in depth information you offer.

    It’s great to come across a blog every once in a while that isn’t the same outdated rehashed information. Wonderful read!

    I’ve saved your site and I’m including your RSS feeds
    to my Google account.

  40. Please let me know if you’re looking for a writer for your blog.
    You have some really good articles and I believe I would be a good asset.

    If you ever want to take some of the load off, I’d
    really like to write some content for your blog in exchange for a link
    back to mine. Please send me an e-mail if interested. Thanks!

  41. I have to thank you for the efforts you have put in penning this blog.
    I really hope to view the same high-grade content by you in the future as well.
    In fact, your creative writing abilities has inspired me to get my own site now 😉

  42. It’s in realitу a gfeat and helpfuⅼ piece of info.

    I am glad thɑt you shared this useful information wіth uѕ.
    Please stay us informeⅾ like this. TҺanks for sharing.

  43. Hey there would you mind letting me know which hosting company you’re using?
    I’ve loaded your blog in 3 different browsers and I must say this blog loads
    a lot faster then most. Can you suggest a good web hosting provider at a reasonable price?

    Thank you, I appreciate it!

  44. May I simply just say what a relief to uncover a person that really understands what they’re discussing on the web.

    You certainly know how to bring an issue to light and make it important.
    More and more people really need to look at this and understand this side of the story.
    It’s surprising you are not more popular because you certainly possess the

  45. Hello there, just became aware of your blog through Google, and found that it’s really informative.

    I’m gonna watch out for brussels. I’ll appreciate
    if you continue this in future. A lot of people will be benefited from your writing.

  46. Hi my family member! I want to say that this article is amazing, nice written and include approximately all important infos.
    I’d like to peer more posts like this .

  47. Wonderful beat ! I would like to apprentice while you amend your site, how
    could i subscribe for a blog web site? The account aided me a
    acceptable deal. I had been a little bit acquainted of this your broadcast provided
    bright clear concept

  48. It’s appropriate time to make some plans for the future and it’s time to
    be happy. I have read this post and if I could
    I desire to suggest you few interesting things or suggestions.
    Maybe you can write next articles referring to this article.
    I wish to read even more things about it!

  49. I couldn’t resiost commenting. Exceptionally weol written! I couldn’t resiust
    commenting. Perfectly written! Ahaa, its fastidioius coonversation regardingg thjis piec off writin hwre att tgis weeb site, I have read all that, soo nnow mee
    also commentig at thiss place. http://www.cspan.net

  50. What i do not realize is actually how you are not actually a lot more well-favored than you may be now.
    You are very intelligent. You realize therefore considerably
    when it comes to this subject, made me for my part imagine it from a lot of
    various angles. Its like women and men aren’t
    interested except it’s one thing to accomplish with Lady gaga!
    Your personal stuffs nice. At all times maintain it up!

  51. I think what you said made a ton of sense. But, what about this?
    suppose you added a little content? I am not suggesting your information isn’t solid, however what if you added a post
    title that grabbed a person’s attention? I mean UI Designer Overview – SAP Business ByDesign is a little vanilla.

    You could look at Yahoo’s home page and note how they create post titles
    to get viewers to open the links. You might add a related video
    or a pic or two to get readers excited about what
    you’ve got to say. In my opinion, it would make your posts a little bit more interesting.

  52. Magnificent beat ! I wish to apprentice while
    you amend your web site, how could i subscribe for a
    blog website? The account aided me a acceptable deal.

    I had been tiny bit acquainted of this your broadcast provided bright
    clear idea

  53. Its like you read my thoughts! You seem to understand
    a lot about this, such as you wrote the guide in it or something.
    I feel that you can do with some percent to drive the message house a bit, but instead
    of that, that is fantastic blog. A great read. I’ll definitely be back.

  54. What i do not understood is if truth be told how you’re
    no longer really much more smartly-preferred than you might be right now.
    You are very intelligent. You understand therefore significantly with regards
    to this subject, produced me for my part imagine it from
    so many various angles. Its like men and women don’t seem to be fascinated
    unless it is something to do with Girl gaga! Your own stuffs nice.
    Always care for it up!

  55. This is really interesting, You’re a very skilled blogger.
    I’ve joined your rss feed and look forward to seeking more
    of your magnificent post. Also, I’ve shared your web site in my social networks!

  56. Nice post. I was checking constantly this blog and
    I am impressed! Extremely useful information specifically the last part :
    ) I care for such info much. I was seeking this particular information for a very long time.

    Thank you and good luck.

  57. Simply want to say your article is as surprising.
    The clarity in your post is just nice and i can assume you’re an expert on this subject.
    Well with your permission let me to grab your feed to keep
    up to date with forthcoming post. Thanks a million and please
    continue the enjoyable work.

Leave a Reply to pieczatki traugutta lubin Cancel reply

Your email address will not be published. Required fields are marked *