Right align table column

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
9 messages Options
Reply | Threaded
Open this post in threaded view
|

Right align table column

James Yong-2
Hi all,

How can I right-align certain columns in grid widget?

Regards,
James
Reply | Threaded
Open this post in threaded view
|

Re: Right align table column

Daniel Watford
Hi James,

Please take a look at this test plugin for a demonstration -
https://github.com/danwatford/ofbizGridTest

Place the plugin contents in folder $ofbiz/plugins/gridTest and then
clean/build/run according to the README.md file.

This plugin displays GlAccounts on its main page.

In the GridTestForms.xml file note use of the title-style and widget-style
attributes for the Field elements..

Columns can be right-aligned using CSS - see GridTest.css.

GridTest.css is included in the main screen by:

<set field="layoutSettings.styleSheets[]"
value="/gridTest/css/GridTest.css" global="true"/>

Try applying different styles to get different effects. I've included a few.

Hope that helps,

Dan.


On Sat, 14 Mar 2020 at 09:44, James Yong <[hidden email]> wrote:

> Hi all,
>
> How can I right-align certain columns in grid widget?
>
> Regards,
> James
>


--
Daniel Watford
Reply | Threaded
Open this post in threaded view
|

Re: Right align table column

James Yong-2
Hi Daniel,

Thanks for the solution.
Surprised that the css style isn't available out of the box.

Regards,
James

On 2020/03/14 16:55:18, Daniel Watford <[hidden email]> wrote:

> Hi James,
>
> Please take a look at this test plugin for a demonstration -
> https://github.com/danwatford/ofbizGridTest
>
> Place the plugin contents in folder $ofbiz/plugins/gridTest and then
> clean/build/run according to the README.md file.
>
> This plugin displays GlAccounts on its main page.
>
> In the GridTestForms.xml file note use of the title-style and widget-style
> attributes for the Field elements..
>
> Columns can be right-aligned using CSS - see GridTest.css.
>
> GridTest.css is included in the main screen by:
>
> <set field="layoutSettings.styleSheets[]"
> value="/gridTest/css/GridTest.css" global="true"/>
>
> Try applying different styles to get different effects. I've included a few.
>
> Hope that helps,
>
> Dan.
>
>
> On Sat, 14 Mar 2020 at 09:44, James Yong <[hidden email]> wrote:
>
> > Hi all,
> >
> > How can I right-align certain columns in grid widget?
> >
> > Regards,
> > James
> >
>
>
> --
> Daniel Watford
>
Reply | Threaded
Open this post in threaded view
|

Re: Right align table column

Pierre Smits-3
Hi James, Daniel,

With https://github.com/apache/ofbiz-framework/pull/48 I have brought
forward some changes to the styles in the available themes to align these
to some conventions.

Met vriendelijke groet,

Pierre Smits
*Proud* *contributor** of* Apache OFBiz <https://ofbiz.apache.org/> since
2008 (without privileges)

*Apache Trafodion <https://trafodion.apache.org>, Vice President*
*Apache Directory <https://directory.apache.org>, PMC Member*
Apache Incubator <https://incubator.apache.org>, committer
Apache Steve <https://steve.apache.org>, committer


On Wed, Mar 18, 2020 at 5:52 AM James Yong <[hidden email]> wrote:

> Hi Daniel,
>
> Thanks for the solution.
> Surprised that the css style isn't available out of the box.
>
> Regards,
> James
>
> On 2020/03/14 16:55:18, Daniel Watford <[hidden email]> wrote:
> > Hi James,
> >
> > Please take a look at this test plugin for a demonstration -
> > https://github.com/danwatford/ofbizGridTest
> >
> > Place the plugin contents in folder $ofbiz/plugins/gridTest and then
> > clean/build/run according to the README.md file.
> >
> > This plugin displays GlAccounts on its main page.
> >
> > In the GridTestForms.xml file note use of the title-style and
> widget-style
> > attributes for the Field elements..
> >
> > Columns can be right-aligned using CSS - see GridTest.css.
> >
> > GridTest.css is included in the main screen by:
> >
> > <set field="layoutSettings.styleSheets[]"
> > value="/gridTest/css/GridTest.css" global="true"/>
> >
> > Try applying different styles to get different effects. I've included a
> few.
> >
> > Hope that helps,
> >
> > Dan.
> >
> >
> > On Sat, 14 Mar 2020 at 09:44, James Yong <[hidden email]> wrote:
> >
> > > Hi all,
> > >
> > > How can I right-align certain columns in grid widget?
> > >
> > > Regards,
> > > James
> > >
> >
> >
> > --
> > Daniel Watford
> >
>
Reply | Threaded
Open this post in threaded view
|

Re: Right align table column

Jacques Le Roux
Administrator
Hi Pierre,

Do these changes include Daniel's?

Also I have this link for a while and I think it's interesting, for the backend at least: https://jrl.ninja/etc/1/

Jacques

Le 18/03/2020 à 08:26, Pierre Smits a écrit :

> Hi James, Daniel,
>
> With https://github.com/apache/ofbiz-framework/pull/48 I have brought
> forward some changes to the styles in the available themes to align these
> to some conventions.
>
> Met vriendelijke groet,
>
> Pierre Smits
> *Proud* *contributor** of* Apache OFBiz <https://ofbiz.apache.org/> since
> 2008 (without privileges)
>
> *Apache Trafodion <https://trafodion.apache.org>, Vice President*
> *Apache Directory <https://directory.apache.org>, PMC Member*
> Apache Incubator <https://incubator.apache.org>, committer
> Apache Steve <https://steve.apache.org>, committer
>
>
> On Wed, Mar 18, 2020 at 5:52 AM James Yong <[hidden email]> wrote:
>
>> Hi Daniel,
>>
>> Thanks for the solution.
>> Surprised that the css style isn't available out of the box.
>>
>> Regards,
>> James
>>
>> On 2020/03/14 16:55:18, Daniel Watford <[hidden email]> wrote:
>>> Hi James,
>>>
>>> Please take a look at this test plugin for a demonstration -
>>> https://github.com/danwatford/ofbizGridTest
>>>
>>> Place the plugin contents in folder $ofbiz/plugins/gridTest and then
>>> clean/build/run according to the README.md file.
>>>
>>> This plugin displays GlAccounts on its main page.
>>>
>>> In the GridTestForms.xml file note use of the title-style and
>> widget-style
>>> attributes for the Field elements..
>>>
>>> Columns can be right-aligned using CSS - see GridTest.css.
>>>
>>> GridTest.css is included in the main screen by:
>>>
>>> <set field="layoutSettings.styleSheets[]"
>>> value="/gridTest/css/GridTest.css" global="true"/>
>>>
>>> Try applying different styles to get different effects. I've included a
>> few.
>>> Hope that helps,
>>>
>>> Dan.
>>>
>>>
>>> On Sat, 14 Mar 2020 at 09:44, James Yong <[hidden email]> wrote:
>>>
>>>> Hi all,
>>>>
>>>> How can I right-align certain columns in grid widget?
>>>>
>>>> Regards,
>>>> James
>>>>
>>>
>>> --
>>> Daniel Watford
>>>
Reply | Threaded
Open this post in threaded view
|

Re: Right align table column

Pierre Smits-3
Jacques,

I would say that PR48 is more generic.

Met vriendelijke groet,

Pierre Smits
*Proud* *contributor** of* Apache OFBiz <https://ofbiz.apache.org/> since
2008 (without privileges)

*Apache Trafodion <https://trafodion.apache.org>, Vice President*
*Apache Directory <https://directory.apache.org>, PMC Member*
Apache Incubator <https://incubator.apache.org>, committer
Apache Steve <https://steve.apache.org>, committer


On Wed, Mar 18, 2020 at 8:46 AM Jacques Le Roux <
[hidden email]> wrote:

> Hi Pierre,
>
> Do these changes include Daniel's?
>
> Also I have this link for a while and I think it's interesting, for the
> backend at least: https://jrl.ninja/etc/1/
>
> Jacques
>
> Le 18/03/2020 à 08:26, Pierre Smits a écrit :
> > Hi James, Daniel,
> >
> > With https://github.com/apache/ofbiz-framework/pull/48 I have brought
> > forward some changes to the styles in the available themes to align these
> > to some conventions.
> >
> > Met vriendelijke groet,
> >
> > Pierre Smits
> > *Proud* *contributor** of* Apache OFBiz <https://ofbiz.apache.org/>
> since
> > 2008 (without privileges)
> >
> > *Apache Trafodion <https://trafodion.apache.org>, Vice President*
> > *Apache Directory <https://directory.apache.org>, PMC Member*
> > Apache Incubator <https://incubator.apache.org>, committer
> > Apache Steve <https://steve.apache.org>, committer
> >
> >
> > On Wed, Mar 18, 2020 at 5:52 AM James Yong <[hidden email]> wrote:
> >
> >> Hi Daniel,
> >>
> >> Thanks for the solution.
> >> Surprised that the css style isn't available out of the box.
> >>
> >> Regards,
> >> James
> >>
> >> On 2020/03/14 16:55:18, Daniel Watford <[hidden email]> wrote:
> >>> Hi James,
> >>>
> >>> Please take a look at this test plugin for a demonstration -
> >>> https://github.com/danwatford/ofbizGridTest
> >>>
> >>> Place the plugin contents in folder $ofbiz/plugins/gridTest and then
> >>> clean/build/run according to the README.md file.
> >>>
> >>> This plugin displays GlAccounts on its main page.
> >>>
> >>> In the GridTestForms.xml file note use of the title-style and
> >> widget-style
> >>> attributes for the Field elements..
> >>>
> >>> Columns can be right-aligned using CSS - see GridTest.css.
> >>>
> >>> GridTest.css is included in the main screen by:
> >>>
> >>> <set field="layoutSettings.styleSheets[]"
> >>> value="/gridTest/css/GridTest.css" global="true"/>
> >>>
> >>> Try applying different styles to get different effects. I've included a
> >> few.
> >>> Hope that helps,
> >>>
> >>> Dan.
> >>>
> >>>
> >>> On Sat, 14 Mar 2020 at 09:44, James Yong <[hidden email]> wrote:
> >>>
> >>>> Hi all,
> >>>>
> >>>> How can I right-align certain columns in grid widget?
> >>>>
> >>>> Regards,
> >>>> James
> >>>>
> >>>
> >>> --
> >>> Daniel Watford
> >>>
>
Reply | Threaded
Open this post in threaded view
|

Re: Right align table column

Jacques Le Roux
Administrator
I'll review and get back here...

Le 18/03/2020 à 08:54, Pierre Smits a écrit :

> Jacques,
>
> I would say that PR48 is more generic.
>
> Met vriendelijke groet,
>
> Pierre Smits
> *Proud* *contributor** of* Apache OFBiz <https://ofbiz.apache.org/> since
> 2008 (without privileges)
>
> *Apache Trafodion <https://trafodion.apache.org>, Vice President*
> *Apache Directory <https://directory.apache.org>, PMC Member*
> Apache Incubator <https://incubator.apache.org>, committer
> Apache Steve <https://steve.apache.org>, committer
>
>
> On Wed, Mar 18, 2020 at 8:46 AM Jacques Le Roux <
> [hidden email]> wrote:
>
>> Hi Pierre,
>>
>> Do these changes include Daniel's?
>>
>> Also I have this link for a while and I think it's interesting, for the
>> backend at least: https://jrl.ninja/etc/1/
>>
>> Jacques
>>
>> Le 18/03/2020 à 08:26, Pierre Smits a écrit :
>>> Hi James, Daniel,
>>>
>>> With https://github.com/apache/ofbiz-framework/pull/48 I have brought
>>> forward some changes to the styles in the available themes to align these
>>> to some conventions.
>>>
>>> Met vriendelijke groet,
>>>
>>> Pierre Smits
>>> *Proud* *contributor** of* Apache OFBiz <https://ofbiz.apache.org/>
>> since
>>> 2008 (without privileges)
>>>
>>> *Apache Trafodion <https://trafodion.apache.org>, Vice President*
>>> *Apache Directory <https://directory.apache.org>, PMC Member*
>>> Apache Incubator <https://incubator.apache.org>, committer
>>> Apache Steve <https://steve.apache.org>, committer
>>>
>>>
>>> On Wed, Mar 18, 2020 at 5:52 AM James Yong <[hidden email]> wrote:
>>>
>>>> Hi Daniel,
>>>>
>>>> Thanks for the solution.
>>>> Surprised that the css style isn't available out of the box.
>>>>
>>>> Regards,
>>>> James
>>>>
>>>> On 2020/03/14 16:55:18, Daniel Watford <[hidden email]> wrote:
>>>>> Hi James,
>>>>>
>>>>> Please take a look at this test plugin for a demonstration -
>>>>> https://github.com/danwatford/ofbizGridTest
>>>>>
>>>>> Place the plugin contents in folder $ofbiz/plugins/gridTest and then
>>>>> clean/build/run according to the README.md file.
>>>>>
>>>>> This plugin displays GlAccounts on its main page.
>>>>>
>>>>> In the GridTestForms.xml file note use of the title-style and
>>>> widget-style
>>>>> attributes for the Field elements..
>>>>>
>>>>> Columns can be right-aligned using CSS - see GridTest.css.
>>>>>
>>>>> GridTest.css is included in the main screen by:
>>>>>
>>>>> <set field="layoutSettings.styleSheets[]"
>>>>> value="/gridTest/css/GridTest.css" global="true"/>
>>>>>
>>>>> Try applying different styles to get different effects. I've included a
>>>> few.
>>>>> Hope that helps,
>>>>>
>>>>> Dan.
>>>>>
>>>>>
>>>>> On Sat, 14 Mar 2020 at 09:44, James Yong <[hidden email]> wrote:
>>>>>
>>>>>> Hi all,
>>>>>>
>>>>>> How can I right-align certain columns in grid widget?
>>>>>>
>>>>>> Regards,
>>>>>> James
>>>>>>
>>>>> --
>>>>> Daniel Watford
>>>>>
Reply | Threaded
Open this post in threaded view
|

Re: Right align table column

Daniel Watford
In reply to this post by Jacques Le Roux
Hi Jacques,

My branch was intended more as a quick demonstration on how to use CSS to
style grid columns rather than something to be committed.

No need for it to be included in Pierre's work.

Thanks,

Dan

On Wed, 18 Mar 2020 at 07:46, Jacques Le Roux <[hidden email]>
wrote:

> Hi Pierre,
>
> Do these changes include Daniel's?
>
> Also I have this link for a while and I think it's interesting, for the
> backend at least: https://jrl.ninja/etc/1/
>
> Jacques
>
> Le 18/03/2020 à 08:26, Pierre Smits a écrit :
> > Hi James, Daniel,
> >
> > With https://github.com/apache/ofbiz-framework/pull/48 I have brought
> > forward some changes to the styles in the available themes to align these
> > to some conventions.
> >
> > Met vriendelijke groet,
> >
> > Pierre Smits
> > *Proud* *contributor** of* Apache OFBiz <https://ofbiz.apache.org/>
> since
> > 2008 (without privileges)
> >
> > *Apache Trafodion <https://trafodion.apache.org>, Vice President*
> > *Apache Directory <https://directory.apache.org>, PMC Member*
> > Apache Incubator <https://incubator.apache.org>, committer
> > Apache Steve <https://steve.apache.org>, committer
> >
> >
> > On Wed, Mar 18, 2020 at 5:52 AM James Yong <[hidden email]> wrote:
> >
> >> Hi Daniel,
> >>
> >> Thanks for the solution.
> >> Surprised that the css style isn't available out of the box.
> >>
> >> Regards,
> >> James
> >>
> >> On 2020/03/14 16:55:18, Daniel Watford <[hidden email]> wrote:
> >>> Hi James,
> >>>
> >>> Please take a look at this test plugin for a demonstration -
> >>> https://github.com/danwatford/ofbizGridTest
> >>>
> >>> Place the plugin contents in folder $ofbiz/plugins/gridTest and then
> >>> clean/build/run according to the README.md file.
> >>>
> >>> This plugin displays GlAccounts on its main page.
> >>>
> >>> In the GridTestForms.xml file note use of the title-style and
> >> widget-style
> >>> attributes for the Field elements..
> >>>
> >>> Columns can be right-aligned using CSS - see GridTest.css.
> >>>
> >>> GridTest.css is included in the main screen by:
> >>>
> >>> <set field="layoutSettings.styleSheets[]"
> >>> value="/gridTest/css/GridTest.css" global="true"/>
> >>>
> >>> Try applying different styles to get different effects. I've included a
> >> few.
> >>> Hope that helps,
> >>>
> >>> Dan.
> >>>
> >>>
> >>> On Sat, 14 Mar 2020 at 09:44, James Yong <[hidden email]> wrote:
> >>>
> >>>> Hi all,
> >>>>
> >>>> How can I right-align certain columns in grid widget?
> >>>>
> >>>> Regards,
> >>>> James
> >>>>
> >>>
> >>> --
> >>> Daniel Watford
> >>>
>


--
Daniel Watford
Reply | Threaded
Open this post in threaded view
|

Re: Right align table column

Jacques Le Roux
Administrator
Thanks for the info Daniel

Jacques

Le 18/03/2020 à 12:23, Daniel Watford a écrit :

> Hi Jacques,
>
> My branch was intended more as a quick demonstration on how to use CSS to
> style grid columns rather than something to be committed.
>
> No need for it to be included in Pierre's work.
>
> Thanks,
>
> Dan
>
> On Wed, 18 Mar 2020 at 07:46, Jacques Le Roux <[hidden email]>
> wrote:
>
>> Hi Pierre,
>>
>> Do these changes include Daniel's?
>>
>> Also I have this link for a while and I think it's interesting, for the
>> backend at least: https://jrl.ninja/etc/1/
>>
>> Jacques
>>
>> Le 18/03/2020 à 08:26, Pierre Smits a écrit :
>>> Hi James, Daniel,
>>>
>>> With https://github.com/apache/ofbiz-framework/pull/48 I have brought
>>> forward some changes to the styles in the available themes to align these
>>> to some conventions.
>>>
>>> Met vriendelijke groet,
>>>
>>> Pierre Smits
>>> *Proud* *contributor** of* Apache OFBiz <https://ofbiz.apache.org/>
>> since
>>> 2008 (without privileges)
>>>
>>> *Apache Trafodion <https://trafodion.apache.org>, Vice President*
>>> *Apache Directory <https://directory.apache.org>, PMC Member*
>>> Apache Incubator <https://incubator.apache.org>, committer
>>> Apache Steve <https://steve.apache.org>, committer
>>>
>>>
>>> On Wed, Mar 18, 2020 at 5:52 AM James Yong <[hidden email]> wrote:
>>>
>>>> Hi Daniel,
>>>>
>>>> Thanks for the solution.
>>>> Surprised that the css style isn't available out of the box.
>>>>
>>>> Regards,
>>>> James
>>>>
>>>> On 2020/03/14 16:55:18, Daniel Watford <[hidden email]> wrote:
>>>>> Hi James,
>>>>>
>>>>> Please take a look at this test plugin for a demonstration -
>>>>> https://github.com/danwatford/ofbizGridTest
>>>>>
>>>>> Place the plugin contents in folder $ofbiz/plugins/gridTest and then
>>>>> clean/build/run according to the README.md file.
>>>>>
>>>>> This plugin displays GlAccounts on its main page.
>>>>>
>>>>> In the GridTestForms.xml file note use of the title-style and
>>>> widget-style
>>>>> attributes for the Field elements..
>>>>>
>>>>> Columns can be right-aligned using CSS - see GridTest.css.
>>>>>
>>>>> GridTest.css is included in the main screen by:
>>>>>
>>>>> <set field="layoutSettings.styleSheets[]"
>>>>> value="/gridTest/css/GridTest.css" global="true"/>
>>>>>
>>>>> Try applying different styles to get different effects. I've included a
>>>> few.
>>>>> Hope that helps,
>>>>>
>>>>> Dan.
>>>>>
>>>>>
>>>>> On Sat, 14 Mar 2020 at 09:44, James Yong <[hidden email]> wrote:
>>>>>
>>>>>> Hi all,
>>>>>>
>>>>>> How can I right-align certain columns in grid widget?
>>>>>>
>>>>>> Regards,
>>>>>> James
>>>>>>
>>>>> --
>>>>> Daniel Watford
>>>>>
>