Bootstrap on SAPUI5

[naotoxxx]

Can i use bootstrap on sapui5 ? and how? 'im learning so i want to do something like this

Example

but i don't know how, in bootstrap is very simple to use containers row , columns and divide it them in column using sizes (xs sm md lg xl) sapui5 it's diferent or i'm newbie

[iftah_peretz · Accepted solution]

Hi,

First of all, I would recommend you take this course . Then, dig into the API and samples here .

I am suggesting this so that you would have some foundation in SAPUI5.

In a nutshell, SAPUI5 is a responsive framework, and as one has it's own API for working with it.

In theory, you can incorporate any third party lib including Bootstrap, but, why not use the SAPUI5 framework? What is the added value? Do you want the headache of 2 frameworks? Just thinking about clashing designs is making me queasy... But why stop there, you can have more than 2 , dojo, angular[1|2], backbone, emberjs, scriptaculous, vue, mobX, React, foundation to just name a few (some are complete frameworks and not only frontend) - think of the parsing time, the load of the website...

You might find that this is all worthwhile, and not such a big deal, if so, blog about it and share the knowledge.

Do not confuse the use of external libs in SAPUI5, JQuery is used heavily and other libs could be of value, the issue at hand is the use of a complete framework.

To narrow it down, you can do whatever you want, but you would also need to handle with what it means (sometimes, consequences) and for that, you need to learn and know each one of them well.

[naotoxxx · Accepted solution]

Yes, you're totally right why use other frameworks when sapui5 have many many many things. Yes i already doing that course but i like to do things diferent so some controls are not compatible whith other :C i'm still learning and testing 😄

[anwarh · Accepted solution]

Why not use the SAPUI5 framework?

Many things are outstanding in SAPUI5 but I think you are not right because it has many limits also its controls are not so advance like Telerik rad controls. Chart library is also very poor and limited if I am comparing it with Apachi Echarts, Google Charts etc. Many functionality is missing on it. Technical documentations are also very complicated. Taking lot of time to understand sample application code provided by sapui5.hana.ondemand.com it would be better if they mention step by step guide and code with proper comments.

What is the added value?

So many added values if you know bootstrap framework, Echart, and other powerful library.

Do you want the headache of 2 frameworks?

You cannot say this is headache if you are master in other framework.

Just thinking about clashing designs is making me queasy...

when I am adding bootstrap css framework nothing is clash in SAPUI5 side. All designs are not support but 12 grid system, card, well, panel and so many things are supported without breaking anything. When I try to add its JavaScript library to use Model, Popup, Slider etc. it not works and I am interested to know how to add this in Fiori in proper way.

parsing time

According to me parsing time dose not matter it may take only some milisecnads time

[iftah_peretz · Accepted solution]

Hi @anwar, you are late to the discussion, 5 years to be exact.... So much have changed... Also, like I mentioned, you can use and do whatever you want, and gave my 2 cents on it. Cherry picking only the points you want to address and not the whole answer is a bit unfair.... I'll wait to hear what you think about it in five years....

[brian_keenan]

When creating a view in SAPUI5 you have the choice, JS, JSON, XML or HTML, if you choose HTML view you can create your own interfaces with bootstrap etc.

The recommendation is to use XML views and you can simply add the controls directly here, and you dont need to worry about your CSS etc. If its just the layout that interests you then SAPUI5 has also got a grid layout, that works on a similar way 🙂

https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.Grid