Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap

2012-03-25 Thread trsvax
I experimented with the Grid component and as I suspected it's a problem if
you include both the Tapestry and Bootstrap CSS on the same page. While the
Tapestry side does have t- in the class names the Bootstrap does not. The
real problem is the Bootstrap CSS works on the table elements not by a class
so what happens is you get both the Tapestry and Bootstrap formatting on the
Grid's table. Until CSS regions are supported you can't really have both
active on the same page. 

I don't see any reason why you can't do this at the page level if you have a
Tapestry layout and a Bootstrap layout, but unless you have a very
customized Bootstrap CSS you will not be able to mix the Tapestry styled
components with Bootstrap styled components because the Bootstrap CSS will
style everything.

So the unfortunate reality is you can't easily mix the two styles.

Given that what's the conclusion? 

Here is what I think is possible

1. If you load the module it translates everything (the way it works now)

2. You can control it by page with different layouts (I think this is pretty
easy)

3. Split the Bootstrap CSS up by function and try and include it when needed
via the mixin. This would be a lot of work and I'm not sure how useful it
would be in the end. There would be limitations such as you can't have a
Bootstrap Grid and a Tapestry Grid on the same page. Plus I think it would
make things more difficult if you just want a straight up Bootstrap site. 

4. You can control it by component and have a customized Bootstrap CSS. For
example you turn off translating on Grid and have a customized Bootstrap CSS
that does not include the table CSS.


My vote would be 1. If there is interest in 2 I'd be willing to implement
that. I don't see much value in 3 and it would take a compelling argument to
get me to head down that path. I think 4 is currently possible but you'd
really have to really know what you were doing.

--
View this message in context: 
http://tapestry.1045711.n5.nabble.com/Got5-Jquery-compatibility-with-Grid-and-BeanEditForm-Tapestry-Bootstrap-tp5584806p5593145.html
Sent from the Tapestry - User mailing list archive at Nabble.com.

-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org



Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap

2012-03-25 Thread Lenny Primak
My vote is #2



On Mar 25, 2012, at 6:55 AM, trsvax trs...@gmail.com wrote:

 I experimented with the Grid component and as I suspected it's a problem if
 you include both the Tapestry and Bootstrap CSS on the same page. While the
 Tapestry side does have t- in the class names the Bootstrap does not. The
 real problem is the Bootstrap CSS works on the table elements not by a class
 so what happens is you get both the Tapestry and Bootstrap formatting on the
 Grid's table. Until CSS regions are supported you can't really have both
 active on the same page. 
 
 I don't see any reason why you can't do this at the page level if you have a
 Tapestry layout and a Bootstrap layout, but unless you have a very
 customized Bootstrap CSS you will not be able to mix the Tapestry styled
 components with Bootstrap styled components because the Bootstrap CSS will
 style everything.
 
 So the unfortunate reality is you can't easily mix the two styles.
 
 Given that what's the conclusion? 
 
 Here is what I think is possible
 
 1. If you load the module it translates everything (the way it works now)
 
 2. You can control it by page with different layouts (I think this is pretty
 easy)
 
 3. Split the Bootstrap CSS up by function and try and include it when needed
 via the mixin. This would be a lot of work and I'm not sure how useful it
 would be in the end. There would be limitations such as you can't have a
 Bootstrap Grid and a Tapestry Grid on the same page. Plus I think it would
 make things more difficult if you just want a straight up Bootstrap site. 
 
 4. You can control it by component and have a customized Bootstrap CSS. For
 example you turn off translating on Grid and have a customized Bootstrap CSS
 that does not include the table CSS.
 
 
 My vote would be 1. If there is interest in 2 I'd be willing to implement
 that. I don't see much value in 3 and it would take a compelling argument to
 get me to head down that path. I think 4 is currently possible but you'd
 really have to really know what you were doing.
 
 --
 View this message in context: 
 http://tapestry.1045711.n5.nabble.com/Got5-Jquery-compatibility-with-Grid-and-BeanEditForm-Tapestry-Bootstrap-tp5584806p5593145.html
 Sent from the Tapestry - User mailing list archive at Nabble.com.
 
 -
 To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
 For additional commands, e-mail: users-h...@tapestry.apache.org
 

-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org



Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap

2012-03-25 Thread trsvax
I may have been a bit premature with my grim assessment of combining Tapestry
and Bootstrap CSS. i tried grid first and ran into problems so i assumed
there would be problems will everything. After looking into things a bit
more it may be the only thing that does not work is grid and I think I may
be able to fix that by including the Bootstrap CSS before the Tapestry one.

--
View this message in context: 
http://tapestry.1045711.n5.nabble.com/Got5-Jquery-compatibility-with-Grid-and-BeanEditForm-Tapestry-Bootstrap-tp5584806p5593813.html
Sent from the Tapestry - User mailing list archive at Nabble.com.

-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org



Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap

2012-03-24 Thread trsvax
Help me understand what you are saying. I understand most modules do not
change the look of your site but to me if you include the bootstrap module
it's because you want to change the look for your site.

Currently if you include bootstrap it will for example modify all your Grid
components. I think what you are saying is you would like control over what
Grids are modified? It that correct?

--
View this message in context: 
http://tapestry.1045711.n5.nabble.com/Got5-Jquery-compatibility-with-Grid-and-BeanEditForm-Tapestry-Bootstrap-tp5584806p5591666.html
Sent from the Tapestry - User mailing list archive at Nabble.com.

-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org



Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap

2012-03-24 Thread Thiago H. de Paula Figueiredo

On Sat, 24 Mar 2012 10:09:16 -0300, trsvax trs...@gmail.com wrote:


Help me understand what you are saying. I understand most modules do not
change the look of your site but to me if you include the bootstrap  
module it's because you want to change the look for your site.


Agreed.

Currently if you include bootstrap it will for example modify all your  
Grid components. I think what you are saying is you would like control  
over what Grids are modified? It that correct?


Suggestion: what about creating a BootstrapGrid mixin instead of changing  
all grids? Or at least has this configurable?


--
Thiago H. de Paula Figueiredo
Independent Java, Apache Tapestry 5 and Hibernate consultant, developer,  
and instructor

Owner, Ars Machina Tecnologia da Informação Ltda.
http://www.arsmachina.com.br

-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org



Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap

2012-03-24 Thread Lenny Primak
Short answer: yes. 

Longer answer: 

I have an existing web site. I don't want to change anything about it when 
including the bootstrap module on the class path. Right now the act of just 
including the module on the class path breaks the web site. 

I do want to write new pages and select whether they are using bootstrap or 
not. 
If they are including the Bootstrap CSS or JS, then and only then do I want the 
module to modify the existing tapestry components. 

I would also like the bootstrap module to include the bootstrap CSS and JS in 
the archive. 

Hopefully this will make it clear.  

On Mar 24, 2012, at 9:09 AM, trsvax trs...@gmail.com wrote:

 Help me understand what you are saying. I understand most modules do not
 change the look of your site but to me if you include the bootstrap module
 it's because you want to change the look for your site.
 
 Currently if you include bootstrap it will for example modify all your Grid
 components. I think what you are saying is you would like control over what
 Grids are modified? It that correct?
 
 --
 View this message in context: 
 http://tapestry.1045711.n5.nabble.com/Got5-Jquery-compatibility-with-Grid-and-BeanEditForm-Tapestry-Bootstrap-tp5584806p5591666.html
 Sent from the Tapestry - User mailing list archive at Nabble.com.
 
 -
 To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
 For additional commands, e-mail: users-h...@tapestry.apache.org
 

-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org



Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap

2012-03-23 Thread Barry Books
On Thu, Mar 22, 2012 at 9:42 PM, Thiago H. de Paula Figueiredo
thiag...@gmail.com wrote:
 On Thu, 22 Mar 2012 19:03:16 -0300, trsvax trs...@gmail.com wrote:

 different template. All three have drawbacks but at least modifying the
 DOM does not require understanding how the component works.


 I think that's the way to go too. By the way, have you thought of doing part
 of the implementation as mixins, specially for specific widgets?


There is one mixin and a service that backs it up with code for
specific components. It's easier to add the same mixin to all the
components with a worker plus you can swap out services without
changing any page code. In theory you could create a service that
supports a different CSS framework and just plug it in. It also
support multiple services so you can add more services to support any
custom components you have. Unfortunately since the mixin cannot
support informal parameters you are limited to it's current set of
arguments.  I'd really like to figure out a way around this problem
but so far I'm stuck. I suspect I'm just going to add a parameter with
type Map and be done with it.


 I can understand not wanting to modify the existing components by default.
 Unfortunately you can't really mix the Tapestry CSS and the Bootstrap CSS.


 Why? What bad results did you have? Tapestry's CSS is just enough to make
 the components not look bad out-of-the-box. I would never ever consider it a
 CSS framework. In addition, using DOM rewriting (MarkupWriterFilter or
 mixin, doesn't matter), you can remove the class attributes and add your
 own.


I did have some problems. Tapestry is pretty good about putting t-
infront of everything and if you removed all the t- classes it would
work but then there is really no point in having the Tapestry CSS. The
issues are really a combination of the CSS and HTML structure. For
example the form markup is very different. BeanEditor adds a lot of
markup where as Bootstrap wants just a straight up form.


 I suspect this is true of any framework type CSS.  They just fight with
 each other consequently I think you are stuck with the all or nothing
 approach. If you have other ideas I'd be happy to hear them.


 Either way, as I said, Tapestry's CSS can be ignored, you just need to cover
 yourself what it covered before.


 As far as removing the got5-jQuery requirement I'm on the fence. While
 Bootstrap will work without jQuery important things like dropdown menus
 don't work without it. So again realistically I think you may be stuck
 with the all or nothing approach.


 I guess you can break it in two parts: one just with CSS, without any
 dependencies beyond Tapestry, and the other with the JS stuff and
 tapestry5-jquery dependency.

I don't think it's that hard to split them I'm just not sure how
useful Bootstrap is without jQuery. So I'm not sure it's worth the
effort.



 I have tried to make sure it will work with
 both Prototype and jQuery so you don't have to throw out any Prototype
 code.


 Nice!


 As far as the download I was thinking about Less but now that they have
 the zip download I think I'm going to support that. I'll provide a default
 but the idea is you just download the zip file and drop it in your project.
 You don't even unzip it. You could also use Less if you like.


 If you provide the Bootstrap widgets as components or mixins, each one of
 them will be able to @Import the needed CSS and JS files, so you can have
 all them inside the JAR but each page import only what it really uses.


Currently I have all the JS included separately by the mixin but now
Twitter allows you to download a bundle configured the way you want it
and I think I'm going to switch to that method. The javascript file is
only 21K, CSS 90K so I think it's easier to just go to here

http://twitter.github.com/bootstrap/download.html

configure what you want and then just drop the zip file into WEB-INF
in your project. If the module finds the bootstrap.zip file (or a
bootstrap directory) in WEB-INF it will just use it.

 Gosh, I really wish I had the time to try Tapestry-Bootstrap. :( Maybe next
 week. :)

I've found the Bootstrap CSS nice looking, robust and easy to use. The
responsive version is also very interesting.

I've got one API to change and then I'm going to write more test
cases. Hopefully I can get it Beta quality in the next couple of
weeks.


 --
 Thiago H. de Paula Figueiredo
 Independent Java, Apache Tapestry 5 and Hibernate consultant, developer, and
 instructor
 Owner, Ars Machina Tecnologia da Informação Ltda.
 http://www.arsmachina.com.br

-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org



Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap

2012-03-23 Thread Lenny Primak
Forget about removing Got5-JQuery.  If it isn't the problem let's table that 
issue.
I will wind up using it anyway.

About the CSS issues:
In any CSS/JS library modules for T5, i.e. Got5-JQuery, T5Conduit for 
LessCSS/CoffeeScript, etc.
the actual CSS or JS is included in the library.  If you add it to the 
classpath, things 'just work'

This is not the case with Bootstrap, for now, as just putting it onto the 
CLASSPATH breaks existing functionality.

Here is what I suggest:
- Include Bootstrap files in T5-Bootstrap

- Detect if Bootstrap CSS is included in the Layout component, as you suggested 
in your reply
If not, leave everything alone.
If yes, proceed with the code to modify the CSS

I can't have the web site look change when adding something to the classpath.

Thank you!

On Mar 22, 2012, at 6:03 PM, trsvax wrote:

 I guess it depends on what you mean by work. I'd like to be able to use
 existing components like grid and have them display like a Bootstrap table
 instead of Tapestry table. In my first attempt I wrote bsGrid, bsBeanEdit
 etc but after a few of them it seemed like the wrong direction. In the
 second version I use a visitor to modify the DOM output of existing
 components. I also played with subclassing the components and providing a
 different template. All three have drawbacks but at least modifying the DOM
 does not require understanding how the component works. 
 
 So ideally you just add bootstrap to your pom file and your done.
 Realistically you'll need to modify your layout.tml unless you already have
 something as simple as
 
   body
   div class=container
 t:body/
   /div
   /body
 
 Currently I'm working on two new sites and one existing one. The new ones
 are easy and the existing one worked pretty well after just changing the
 layout.
 
 I can understand not wanting to modify the existing components by default.
 Unfortunately you can't really mix the Tapestry CSS and the Bootstrap CSS. I
 suspect this is true of any framework type CSS.  They just fight with each
 other consequently I think you are stuck with the all or nothing approach.
 If you have other ideas I'd be happy to hear them.
 
 As far as removing the got5-jQuery requirement I'm on the fence. While
 Bootstrap will work without jQuery important things like dropdown menus
 don't work without it. So again realistically I think you may be stuck with
 the all or nothing approach. I have tried to make sure it will work with
 both Prototype and jQuery so you don't have to throw out any Prototype code.
 
 As far as the download I was thinking about Less but now that they have the
 zip download I think I'm going to support that. I'll provide a default but
 the idea is you just download the zip file and drop it in your project. You
 don't even unzip it. You could also use Less if you like.
 
 So the simple answer is I'd like it to just work but realistically you will
 need a new Layout.tml.
 
 While I've had issues (I'm looking at you @SupportsInformalParameters) the
 fact that you can replace the entire presentation framework and only have to
 change the Layout.tml really shows the flexibility of Tapestry.
 
 
 
 --
 View this message in context: 
 http://tapestry.1045711.n5.nabble.com/Got5-Jquery-compatibility-with-Grid-and-BeanEditForm-Tapestry-Bootstrap-tp5584806p5587937.html
 Sent from the Tapestry - User mailing list archive at Nabble.com.
 
 -
 To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
 For additional commands, e-mail: users-h...@tapestry.apache.org
 




RE: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap

2012-03-22 Thread WINDEY Pieter AWL-IT
I think suprression of prototype is done by default and no need for the alias.

Grid should normally work (see http://tapestry5-jquery.com/core/docsgrid) 
although I prefer to use the datatables 
(http://tapestry5-jquery.com/components/docsdatatables) but styles better ;)

About the beaneditor I have no idea, never use it.

-Original Message-
From: Lenny Primak [mailto:lpri...@hope.nyc.ny.us]
Sent: Thursday 22 March 2012 06:36
To: Tapestry users
Subject: Got5-Jquery compatibility with Grid and BeanEditForm / 
Tapestry-Bootstrap

I am trying to use Tapestry-Bootstrap module, and it requires JQuery, which I 
am new to.
So, I tried to use got5-jquery, and using SUPPRESS_PROTOTYPE(true) and 
JQUERY_ALIAS($j)
like it says in the docs.

Some of my current screens work exactly the way they should,
but those contain BeanEditForms and Grids fail to render correctly.
For example, The Grids are missing the paging component and the sorting buttons.

BeanEditForms don't render correctly at all.  Is there something I am missing 
to restore compatibility?

Another question:

Can the JQuery dependency be removed from Tapestry-Bootstrap?
-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org




Atos Worldline SA/NV - Chaussee de Haecht 1442 Haachtsesteenweg
- 1130 Brussels - Belgium
RPM-RPR Bruxelles-Brussel - TVA-BTW BE 0418.547.872
Bankrekening-Compte Bancaire-Bank Account 310-0269424-44
BIC BBRUBEBB - IBAN BE55 3100 2694 2444

The information contained in this e-mail and any attachment thereto is 
confidential and may contain information which is protected by intellectual 
property rights.
This information is intended for the exclusive use of the recipient(s) named 
above.
This e-mail does not constitute any binding relationship or offer toward any of 
the addressees.
If you are not one of the addressees , one of their employees or a proxy holder 
entitled to hand over this message to the addressee(s), any use of the 
information contained herein (e.g. reproduction, divulgation, communication or 
distribution,...) is prohibited.
If you have received this message in error, please notify the sender and 
destroy it immediately after.
The integrity and security of this message cannot be guaranteed and it may be 
subject to data corruption, interception and unauthorized amendment, for which 
we accept no liability.


-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org



Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap

2012-03-22 Thread trsvax
The bootstrap module changes the output of Grid and BeanEditForm so it's
probably it instead of a problem with got5-jquery.

The Grid component should switch to the Bootstrap pagination control and it
does change the sorting buttons. The Tapestry table headings look very out
of place in the Bootstrap templates.

By default the module does not include any CSS files. My guess is you are
not including the bootstrap css file. I have this in my layout.java

@Exclude(stylesheet={core})  //remove the Tapestry css
@Import(stylesheet={context:layout/bootstrap.css,

Now that the Bootstrap site allows you to specify the parts you want I think
I'm going to provide the default and allow you to override it if needed. See
the following page to get the bootstrap.css file.

http://twitter.github.com/bootstrap/download.html

Take a look at the examples in test package. You can also run them with mvn
jetty:run I just committed a change that will show the pagination buttons.

As far as getting rid of the got5-jQuery dependency much of Bootstrap uses
jQuery so I included it to get the jQuery javascript. It's possible to use
just the Bootstrap CSS without jQuery but some features will be missing. I
think I could split the module into two. The core one could just handle the
CSS side and the 2nd could add the dependency on jQuery. 

Currently I use got5-jQuery in all my new projects but if there is
sufficient interest I don't mind splitting the module into two. So if you
are interested (or not) go to GitHub and comment

https://github.com/trsvax/tapestry-bootstrap/issues/10

The current status of the Bootstrap module is i think I have the basics
worked out and I'm about to start writing test cases and flush things out.
So if I'm going to split it now is the time to do it.



--
View this message in context: 
http://tapestry.1045711.n5.nabble.com/Got5-Jquery-compatibility-with-Grid-and-BeanEditForm-Tapestry-Bootstrap-tp5584806p5585724.html
Sent from the Tapestry - User mailing list archive at Nabble.com.

-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org



Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap

2012-03-22 Thread Lenny Primak
Barry, thanks for sending me in the right direction!
Any chance of having it all work out-of-tbe-box without
having to download bootstrap myself and modifying my layout component?

I don't think the module should modify (break) the Tapestry components by 
default.

Thanks a lot!

On Mar 22, 2012, at 8:38 AM, trsvax wrote:

 The bootstrap module changes the output of Grid and BeanEditForm so it's
 probably it instead of a problem with got5-jquery.
 
 The Grid component should switch to the Bootstrap pagination control and it
 does change the sorting buttons. The Tapestry table headings look very out
 of place in the Bootstrap templates.
 
 By default the module does not include any CSS files. My guess is you are
 not including the bootstrap css file. I have this in my layout.java
 
 @Exclude(stylesheet={core})  //remove the Tapestry css
 @Import(stylesheet={context:layout/bootstrap.css,
 
 Now that the Bootstrap site allows you to specify the parts you want I think
 I'm going to provide the default and allow you to override it if needed. See
 the following page to get the bootstrap.css file.
 
 http://twitter.github.com/bootstrap/download.html
 
 Take a look at the examples in test package. You can also run them with mvn
 jetty:run I just committed a change that will show the pagination buttons.
 
 As far as getting rid of the got5-jQuery dependency much of Bootstrap uses
 jQuery so I included it to get the jQuery javascript. It's possible to use
 just the Bootstrap CSS without jQuery but some features will be missing. I
 think I could split the module into two. The core one could just handle the
 CSS side and the 2nd could add the dependency on jQuery. 
 
 Currently I use got5-jQuery in all my new projects but if there is
 sufficient interest I don't mind splitting the module into two. So if you
 are interested (or not) go to GitHub and comment
 
 https://github.com/trsvax/tapestry-bootstrap/issues/10
 
 The current status of the Bootstrap module is i think I have the basics
 worked out and I'm about to start writing test cases and flush things out.
 So if I'm going to split it now is the time to do it.
 
 
 
 --
 View this message in context: 
 http://tapestry.1045711.n5.nabble.com/Got5-Jquery-compatibility-with-Grid-and-BeanEditForm-Tapestry-Bootstrap-tp5584806p5585724.html
 Sent from the Tapestry - User mailing list archive at Nabble.com.
 
 -
 To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
 For additional commands, e-mail: users-h...@tapestry.apache.org
 


-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org



Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap

2012-03-22 Thread trsvax
I guess it depends on what you mean by work. I'd like to be able to use
existing components like grid and have them display like a Bootstrap table
instead of Tapestry table. In my first attempt I wrote bsGrid, bsBeanEdit
etc but after a few of them it seemed like the wrong direction. In the
second version I use a visitor to modify the DOM output of existing
components. I also played with subclassing the components and providing a
different template. All three have drawbacks but at least modifying the DOM
does not require understanding how the component works. 

So ideally you just add bootstrap to your pom file and your done.
Realistically you'll need to modify your layout.tml unless you already have
something as simple as

body
div class=container
  t:body/
/div
/body

Currently I'm working on two new sites and one existing one. The new ones
are easy and the existing one worked pretty well after just changing the
layout.

I can understand not wanting to modify the existing components by default.
Unfortunately you can't really mix the Tapestry CSS and the Bootstrap CSS. I
suspect this is true of any framework type CSS.  They just fight with each
other consequently I think you are stuck with the all or nothing approach.
If you have other ideas I'd be happy to hear them.

As far as removing the got5-jQuery requirement I'm on the fence. While
Bootstrap will work without jQuery important things like dropdown menus
don't work without it. So again realistically I think you may be stuck with
the all or nothing approach. I have tried to make sure it will work with
both Prototype and jQuery so you don't have to throw out any Prototype code.

As far as the download I was thinking about Less but now that they have the
zip download I think I'm going to support that. I'll provide a default but
the idea is you just download the zip file and drop it in your project. You
don't even unzip it. You could also use Less if you like.

So the simple answer is I'd like it to just work but realistically you will
need a new Layout.tml.

While I've had issues (I'm looking at you @SupportsInformalParameters) the
fact that you can replace the entire presentation framework and only have to
change the Layout.tml really shows the flexibility of Tapestry.



--
View this message in context: 
http://tapestry.1045711.n5.nabble.com/Got5-Jquery-compatibility-with-Grid-and-BeanEditForm-Tapestry-Bootstrap-tp5584806p5587937.html
Sent from the Tapestry - User mailing list archive at Nabble.com.

-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org



Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap

2012-03-22 Thread Lenny Primak
Forget about removing Got5-JQuery.  If it isn't the problem let's table that 
issue.
I will wind up using it anyway.

About the CSS issues:
In any CSS/JS library modules for T5, i.e. Got5-JQuery, T5Conduit for 
LessCSS/CoffeeScript, etc.
the actual CSS or JS is included in the library.  If you add it to the 
classpath, things 'just work'

This is not the case with Bootstrap, for now, as just putting it onto the 
CLASSPATH breaks existing functionality.

Here is what I suggest:
- Include Bootstrap files in T5-Bootstrap

- Detect if Bootstrap CSS is included in the Layout component, as you suggested 
in your reply
If not, leave everything alone.
If yes, proceed with the code to modify the CSS

I can't have the web site look change when adding something to the classpath.

Thank you!

On Mar 22, 2012, at 6:03 PM, trsvax wrote:

 I guess it depends on what you mean by work. I'd like to be able to use
 existing components like grid and have them display like a Bootstrap table
 instead of Tapestry table. In my first attempt I wrote bsGrid, bsBeanEdit
 etc but after a few of them it seemed like the wrong direction. In the
 second version I use a visitor to modify the DOM output of existing
 components. I also played with subclassing the components and providing a
 different template. All three have drawbacks but at least modifying the DOM
 does not require understanding how the component works. 
 
 So ideally you just add bootstrap to your pom file and your done.
 Realistically you'll need to modify your layout.tml unless you already have
 something as simple as
 
body
div class=container
  t:body/
/div
/body
 
 Currently I'm working on two new sites and one existing one. The new ones
 are easy and the existing one worked pretty well after just changing the
 layout.
 
 I can understand not wanting to modify the existing components by default.
 Unfortunately you can't really mix the Tapestry CSS and the Bootstrap CSS. I
 suspect this is true of any framework type CSS.  They just fight with each
 other consequently I think you are stuck with the all or nothing approach.
 If you have other ideas I'd be happy to hear them.
 
 As far as removing the got5-jQuery requirement I'm on the fence. While
 Bootstrap will work without jQuery important things like dropdown menus
 don't work without it. So again realistically I think you may be stuck with
 the all or nothing approach. I have tried to make sure it will work with
 both Prototype and jQuery so you don't have to throw out any Prototype code.
 
 As far as the download I was thinking about Less but now that they have the
 zip download I think I'm going to support that. I'll provide a default but
 the idea is you just download the zip file and drop it in your project. You
 don't even unzip it. You could also use Less if you like.
 
 So the simple answer is I'd like it to just work but realistically you will
 need a new Layout.tml.
 
 While I've had issues (I'm looking at you @SupportsInformalParameters) the
 fact that you can replace the entire presentation framework and only have to
 change the Layout.tml really shows the flexibility of Tapestry.
 
 
 
 --
 View this message in context: 
 http://tapestry.1045711.n5.nabble.com/Got5-Jquery-compatibility-with-Grid-and-BeanEditForm-Tapestry-Bootstrap-tp5584806p5587937.html
 Sent from the Tapestry - User mailing list archive at Nabble.com.
 
 -
 To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
 For additional commands, e-mail: users-h...@tapestry.apache.org
 


-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org



Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap

2012-03-22 Thread Thiago H. de Paula Figueiredo

On Thu, 22 Mar 2012 19:03:16 -0300, trsvax trs...@gmail.com wrote:
different template. All three have drawbacks but at least modifying the  
DOM does not require understanding how the component works.


I think that's the way to go too. By the way, have you thought of doing  
part of the implementation as mixins, specially for specific widgets?


I can understand not wanting to modify the existing components by  
default. Unfortunately you can't really mix the Tapestry CSS and the  
Bootstrap CSS.


Why? What bad results did you have? Tapestry's CSS is just enough to make  
the components not look bad out-of-the-box. I would never ever consider it  
a CSS framework. In addition, using DOM rewriting (MarkupWriterFilter or  
mixin, doesn't matter), you can remove the class attributes and add your  
own.


I suspect this is true of any framework type CSS.  They just fight with  
each other consequently I think you are stuck with the all or nothing  
approach. If you have other ideas I'd be happy to hear them.


Either way, as I said, Tapestry's CSS can be ignored, you just need to  
cover yourself what it covered before.



As far as removing the got5-jQuery requirement I'm on the fence. While
Bootstrap will work without jQuery important things like dropdown menus
don't work without it. So again realistically I think you may be stuck  
with the all or nothing approach.


I guess you can break it in two parts: one just with CSS, without any  
dependencies beyond Tapestry, and the other with the JS stuff and  
tapestry5-jquery dependency.



I have tried to make sure it will work with
both Prototype and jQuery so you don't have to throw out any Prototype  
code.


Nice!

As far as the download I was thinking about Less but now that they have  
the zip download I think I'm going to support that. I'll provide a  
default but the idea is you just download the zip file and drop it in  
your project. You don't even unzip it. You could also use Less if you  
like.


If you provide the Bootstrap widgets as components or mixins, each one of  
them will be able to @Import the needed CSS and JS files, so you can have  
all them inside the JAR but each page import only what it really uses.


Gosh, I really wish I had the time to try Tapestry-Bootstrap. :( Maybe  
next week. :)


--
Thiago H. de Paula Figueiredo
Independent Java, Apache Tapestry 5 and Hibernate consultant, developer,  
and instructor

Owner, Ars Machina Tecnologia da Informação Ltda.
http://www.arsmachina.com.br

-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org



Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap

2012-03-21 Thread Lenny Primak
I am trying to use Tapestry-Bootstrap module, and it requires JQuery, which I 
am new to.
So, I tried to use got5-jquery, and using SUPPRESS_PROTOTYPE(true) and 
JQUERY_ALIAS($j)
like it says in the docs.

Some of my current screens work exactly the way they should,
but those contain BeanEditForms and Grids fail to render correctly.
For example, The Grids are missing the paging component and the sorting buttons.

BeanEditForms don't render correctly at all.  Is there something I am missing 
to restore compatibility?

Another question:

Can the JQuery dependency be removed from Tapestry-Bootstrap?
-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org