How to use bootstrap 4 for my UI

[Madhi Krishnan]

I think i subject itself tells my doubt..
can any one tell how to use bootstarp and other tools to make the UI more
attractive..

[taher]

Too long to explain, but the short version is... Customize or create a new
theme. You will be on your own and need full familiarity with html, css,
javascript and FreeMarker.

On Sat, Aug 18, 2018, 1:31 PM Madhi Krishnan <[hidden email]>
wrote:

> I think i subject itself tells my doubt..
> can any one tell how to use bootstarp and other tools to make the UI more
> attractive..
>

[Pierre Smits-3]

Hi Madhi,

I started something similar in 2016, and made it available on GitHub. See
[1] and take your queue from there.


Best regards,

Pierre Smits

Apache Trafodion <https://trafodion.apache.org>, Vice President
Apache Directory <https://directory.apache.org>, PMC Member
Apache Incubator <https://incubator.apache.org>, committer
Apache OFBiz <https://ofbiz.apache.org>, contributor (without privileges)
since 2008
Apache Steve <https://steve.apache.org>, committer

On Sat, Aug 18, 2018 at 12:30 PM, Madhi Krishnan <
[hidden email]> wrote:

> I think i subject itself tells my doubt..
> can any one tell how to use bootstarp and other tools to make the UI more
> attractive..
>

[Pierre Smits-3]

https://github.com/ORRTIZ/bbasic


Best regards,

Pierre Smits

Apache Trafodion <https://trafodion.apache.org>, Vice President
Apache Directory <https://directory.apache.org>, PMC Member
Apache Incubator <https://incubator.apache.org>, committer
Apache OFBiz <https://ofbiz.apache.org>, contributor since 2008
Apache Steve <https://steve.apache.org>, committer

On Sat, Aug 18, 2018 at 12:53 PM, Pierre Smits <[hidden email]>
wrote:

> Hi Madhi,
>
> I started something similar in 2016, and made it available on GitHub. See
> [1] and take your queue from there.
>
>
> Best regards,
>
> Pierre Smits
>
> Apache Trafodion <https://trafodion.apache.org>, Vice President
> Apache Directory <https://directory.apache.org>, PMC Member
> Apache Incubator <https://incubator.apache.org>, committer
> Apache OFBiz <https://ofbiz.apache.org>, contributor (without privileges)
> since 2008
> Apache Steve <https://steve.apache.org>, committer
>
> On Sat, Aug 18, 2018 at 12:30 PM, Madhi Krishnan <
> [hidden email]> wrote:
>
>> I think i subject itself tells my doubt..
>> can any one tell how to use bootstarp and other tools to make the UI more
>> attractive..
>>
>
>

[Madhi Krishnan]

thank you all ...
that helped me a lot...

On Sat, Aug 18, 2018 at 4:23 PM, Pierre Smits <[hidden email]>
wrote:

> https://github.com/ORRTIZ/bbasic
>
>
> Best regards,
>
> Pierre Smits
>
> Apache Trafodion <https://trafodion.apache.org>, Vice President
> Apache Directory <https://directory.apache.org>, PMC Member
> Apache Incubator <https://incubator.apache.org>, committer
> Apache OFBiz <https://ofbiz.apache.org>, contributor since 2008
> Apache Steve <https://steve.apache.org>, committer
>
> On Sat, Aug 18, 2018 at 12:53 PM, Pierre Smits <[hidden email]>
> wrote:
>
> > Hi Madhi,
> >
> > I started something similar in 2016, and made it available on GitHub. See
> > [1] and take your queue from there.
> >
> >
> > Best regards,
> >
> > Pierre Smits
> >
> > Apache Trafodion <https://trafodion.apache.org>, Vice President
> > Apache Directory <https://directory.apache.org>, PMC Member
> > Apache Incubator <https://incubator.apache.org>, committer
> > Apache OFBiz <https://ofbiz.apache.org>, contributor (without
> privileges)
> > since 2008
> > Apache Steve <https://steve.apache.org>, committer
> >
> > On Sat, Aug 18, 2018 at 12:30 PM, Madhi Krishnan <
> > [hidden email]> wrote:
> >
> >> I think i subject itself tells my doubt..
> >> can any one tell how to use bootstarp and other tools to make the UI
> more
> >> attractive..
> >>
> >
> >
>

[Julien NICOLAS]

Hi Madhi,

I understand that it's not easy to create a new theme but as Taher told
you, you must start by Customizing an existing theme. This is what I've
done several years ago with success.

Using bootstrap before the common theme mechanism obliged you to modify
a lot of things in the framework, now it's really possible but... It
will be a pain as well if you don't know how works HTMLRenderer in OFBiz.

Each theme extend the common theme via theme.xml file. In the theme.xml
file, you can change the html renderer location for all elements (form,
menu, etc.). Create a specific copy of HTML renderer contained in common
theme folder to your theme folder and add the path in your theme.xml file.

Then modify HTML renderer to fit to bootstrap.

You'll see that it's in the theme.xml that we define js, css, etc. file
that could be included in the header and the footer. Now, you can dig
further and ask for more specific questions.

HTH,

Julien.


Le 24/08/2018 à 08:36, Madhi Krishnan a écrit :

> thank you all ...
> that helped me a lot...
>
> On Sat, Aug 18, 2018 at 4:23 PM, Pierre Smits <[hidden email]>
> wrote:
>
>> https://github.com/ORRTIZ/bbasic
>>
>>
>> Best regards,
>>
>> Pierre Smits
>>
>> Apache Trafodion <https://trafodion.apache.org>, Vice President
>> Apache Directory <https://directory.apache.org>, PMC Member
>> Apache Incubator <https://incubator.apache.org>, committer
>> Apache OFBiz <https://ofbiz.apache.org>, contributor since 2008
>> Apache Steve <https://steve.apache.org>, committer
>>
>> On Sat, Aug 18, 2018 at 12:53 PM, Pierre Smits <[hidden email]>
>> wrote:
>>
>>> Hi Madhi,
>>>
>>> I started something similar in 2016, and made it available on GitHub. See
>>> [1] and take your queue from there.
>>>
>>>
>>> Best regards,
>>>
>>> Pierre Smits
>>>
>>> Apache Trafodion <https://trafodion.apache.org>, Vice President
>>> Apache Directory <https://directory.apache.org>, PMC Member
>>> Apache Incubator <https://incubator.apache.org>, committer
>>> Apache OFBiz <https://ofbiz.apache.org>, contributor (without
>> privileges)
>>> since 2008
>>> Apache Steve <https://steve.apache.org>, committer
>>>
>>> On Sat, Aug 18, 2018 at 12:30 PM, Madhi Krishnan <
>>> [hidden email]> wrote:
>>>
>>>> I think i subject itself tells my doubt..
>>>> can any one tell how to use bootstarp and other tools to make the UI
>> more
>>>> attractive..
>>>>
>>>

[Jacques Le Roux]

Also this should help: https://svn.apache.org/repos/asf/ofbiz/ofbiz-framework/trunk/themes/README.md

Jacques


Le 24/08/2018 à 09:09, Julien NICOLAS a écrit :

> Hi Madhi,
>
> I understand that it's not easy to create a new theme but as Taher told you, you must start by Customizing an existing theme. This is what I've done
> several years ago with success.
>
> Using bootstrap before the common theme mechanism obliged you to modify a lot of things in the framework, now it's really possible but... It will be
> a pain as well if you don't know how works HTMLRenderer in OFBiz.
>
> Each theme extend the common theme via theme.xml file. In the theme.xml file, you can change the html renderer location for all elements (form,
> menu, etc.). Create a specific copy of HTML renderer contained in common theme folder to your theme folder and add the path in your theme.xml file.
>
> Then modify HTML renderer to fit to bootstrap.
>
> You'll see that it's in the theme.xml that we define js, css, etc. file that could be included in the header and the footer. Now, you can dig
> further and ask for more specific questions.
>
> HTH,
>
> Julien.
>
>
> Le 24/08/2018 à 08:36, Madhi Krishnan a écrit :
>> thank you all ...
>> that helped me a lot...
>>
>> On Sat, Aug 18, 2018 at 4:23 PM, Pierre Smits <[hidden email]>
>> wrote:
>>
>>> https://github.com/ORRTIZ/bbasic
>>>
>>>
>>> Best regards,
>>>
>>> Pierre Smits
>>>
>>> Apache Trafodion <https://trafodion.apache.org>, Vice President
>>> Apache Directory <https://directory.apache.org>, PMC Member
>>> Apache Incubator <https://incubator.apache.org>, committer
>>> Apache OFBiz <https://ofbiz.apache.org>, contributor since 2008
>>> Apache Steve <https://steve.apache.org>, committer
>>>
>>> On Sat, Aug 18, 2018 at 12:53 PM, Pierre Smits <[hidden email]>
>>> wrote:
>>>
>>>> Hi Madhi,
>>>>
>>>> I started something similar in 2016, and made it available on GitHub. See
>>>> [1] and take your queue from there.
>>>>
>>>>
>>>> Best regards,
>>>>
>>>> Pierre Smits
>>>>
>>>> Apache Trafodion <https://trafodion.apache.org>, Vice President
>>>> Apache Directory <https://directory.apache.org>, PMC Member
>>>> Apache Incubator <https://incubator.apache.org>, committer
>>>> Apache OFBiz <https://ofbiz.apache.org>, contributor (without
>>> privileges)
>>>> since 2008
>>>> Apache Steve <https://steve.apache.org>, committer
>>>>
>>>> On Sat, Aug 18, 2018 at 12:30 PM, Madhi Krishnan <
>>>> [hidden email]> wrote:
>>>>
>>>>> I think i subject itself tells my doubt..
>>>>> can any one tell how to use bootstarp and other tools to make the UI
>>> more
>>>>> attractive..
>>>>>
>>>>
>
>

[Madhi Krishnan]

Hii julien..

Thank you for your time...

On Fri, Aug 24, 2018 at 12:39 PM Julien NICOLAS <[hidden email]>
wrote:

> Hi Madhi,
>
> I understand that it's not easy to create a new theme but as Taher told
> you, you must start by Customizing an existing theme. This is what I've
> done several years ago with success.
>
> Using bootstrap before the common theme mechanism obliged you to modify
> a lot of things in the framework, now it's really possible but... It
> will be a pain as well if you don't know how works HTMLRenderer in OFBiz.
>
> Each theme extend the common theme via theme.xml file. In the theme.xml
> file, you can change the html renderer location for all elements (form,
> menu, etc.). Create a specific copy of HTML renderer contained in common
> theme folder to your theme folder and add the path in your theme.xml file.
>
> Then modify HTML renderer to fit to bootstrap.
>
> You'll see that it's in the theme.xml that we define js, css, etc. file
> that could be included in the header and the footer. Now, you can dig
> further and ask for more specific questions.
>
> HTH,
>
> Julien.
>
>
> Le 24/08/2018 à 08:36, Madhi Krishnan a écrit :
> > thank you all ...
> > that helped me a lot...
> >
> > On Sat, Aug 18, 2018 at 4:23 PM, Pierre Smits <[hidden email]>
> > wrote:
> >
> >> https://github.com/ORRTIZ/bbasic
> >>
> >>
> >> Best regards,
> >>
> >> Pierre Smits
> >>
> >> Apache Trafodion <https://trafodion.apache.org>, Vice President
> >> Apache Directory <https://directory.apache.org>, PMC Member
> >> Apache Incubator <https://incubator.apache.org>, committer
> >> Apache OFBiz <https://ofbiz.apache.org>, contributor since 2008
> >> Apache Steve <https://steve.apache.org>, committer
> >>
> >> On Sat, Aug 18, 2018 at 12:53 PM, Pierre Smits <[hidden email]>
> >> wrote:
> >>
> >>> Hi Madhi,
> >>>
> >>> I started something similar in 2016, and made it available on GitHub.
> See
> >>> [1] and take your queue from there.
> >>>
> >>>
> >>> Best regards,
> >>>
> >>> Pierre Smits
> >>>
> >>> Apache Trafodion <https://trafodion.apache.org>, Vice President
> >>> Apache Directory <https://directory.apache.org>, PMC Member
> >>> Apache Incubator <https://incubator.apache.org>, committer
> >>> Apache OFBiz <https://ofbiz.apache.org>, contributor (without
> >> privileges)
> >>> since 2008
> >>> Apache Steve <https://steve.apache.org>, committer
> >>>
> >>> On Sat, Aug 18, 2018 at 12:30 PM, Madhi Krishnan <
> >>> [hidden email]> wrote:
> >>>
> >>>> I think i subject itself tells my doubt..
> >>>> can any one tell how to use bootstarp and other tools to make the UI
> >> more
> >>>> attractive..
> >>>>
> >>>
>
>