How to customize the look and feel of the Forms and the Portal ?

Q&A
1

I have developped some nice processes with Bonita BPM, it runs well, and I am preparing to show that to my boss, or to deploy in production.

However, I would like that the look'n feel match the one of my company or, my customer. What are the files to edit ? Is there some tips and tricks, or best practice examples ?

2

Yes, this is possible to modify the look'n feel of Forms and Portal.

Forms

For forms, you can modify the look and feel of the forms directly in the Studio, when developping your process. The html templates and the css are available and you can edit them. Some examples are already available on Community:

  • Modify forms look and feel
  • Application resource folder

You will have to modify files for every processes. Of course, you can re-use the same ones.

Portal

Changing the look'n feel of the Portal is a little more complicated: you will need to edit files directly. The stylesheets are developped with Less, which helps a lot to change colours, etc. And if you want to add some custom pictures like the logo of your company, there is a folder for that.

  • Modify Portal look'n Feel
3

Hi

Is it possible to change the look and feel of the Portal to add some variables information of my process in Community Version. In a multi instancied subprocess things can be a little confused for the user, because the 139 same tasks for different products have the same name.  I wish too put a variable information for identification. See image bellow. Its all the same thing for the user, but each task it is for a different product (Its a Purchase task).

Thanks

Giovani

https://drive.google.com/file/d/0Bx3YGK462CNGZ0M3RGZzTk5BUDQ/edit?usp=sharing

4

Giovani, I changed your answer to a comment. You can set some information on a task to be displayed on the portal. Please have a look at this screenshot: http://i.imgur.com/MqtfHMw.png

5

Hello sir ,
thanks for guidance .
i want to modify some portal’s look and feel pl can you specify this folder . actually where located ?

i really need it
thanks kandarp

6

Hello, since this post, the way to do it has changed. Could you please have a look at this doc: http://documentation.bonitasoft.com/creating-new-look-feel

By the way, the look’n feel manager is available only in our subscription edition. For community edition, you will have to change the files manually.

7

hello , i know i have to change file manually .
but i can’t find where it is exact located .
can you please specify where are there files to change portal look and feel and feel in Bonita 6.3 community

thank in advance .
kandarp

8

Hello i m using bonitasoft 6.3 community version exe installer .
i changed some css from
C:\BonitaBPMCommunity-6.3.0\workspace\tomcat\bonita\client\tenants\1\work\theme\portal
but when i close studio and reopen it and lunch portal .
i become to default look and feel :frowning:
what should i do :frowning:
it is really urgent

thanks kandarp

9

can you pl specify exact location of files to be change for look and feel change permanent

10

If this is really urgent, you should consider buying some expertise to Bonitasoft or to one of our partner. You can also buy a Subscription edition, that comes with the Look’n Feel Manager. And of course, as I see that you are asking a lot of beginner questions, you might want to consider to make a Bonitasoft’s training to become more autonomous.

Let me know if I may help you with that.

11

Thanks for advice . but till now i m not able to confirm what should i do and not .
this platform is for try purpose .
if i’ll impress with community i’ll surely go for subscription .
but till now i need help from community people .

thanks
kadnarp

12

I just mean that at this stage, I really think you need at least some training.