You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@tapestry.apache.org by Lenny Primak <lp...@hope.nyc.ny.us> on 2012/03/22 06:35:34 UTC
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-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
RE: Got5-Jquery compatibility with Grid and BeanEditForm /
Tapestry-Bootstrap
Posted by WINDEY Pieter AWL-IT <pi...@atos.net>.
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:lprimak@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-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@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-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap
Posted by Barry Books <tr...@gmail.com>.
On Thu, Mar 22, 2012 at 9:42 PM, Thiago H. de Paula Figueiredo
<th...@gmail.com> wrote:
> On Thu, 22 Mar 2012 19:03:16 -0300, trsvax <tr...@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-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Got5-Jquery compatibility with Grid and BeanEditForm /
Tapestry-Bootstrap
Posted by "Thiago H. de Paula Figueiredo" <th...@gmail.com>.
On Thu, 22 Mar 2012 19:03:16 -0300, trsvax <tr...@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-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap
Posted by Lenny Primak <lp...@hope.nyc.ny.us>.
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-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Got5-Jquery compatibility with Grid and BeanEditForm /
Tapestry-Bootstrap
Posted by trsvax <tr...@gmail.com>.
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-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap
Posted by Lenny Primak <lp...@hope.nyc.ny.us>.
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-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Got5-Jquery compatibility with Grid and BeanEditForm /
Tapestry-Bootstrap
Posted by trsvax <tr...@gmail.com>.
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-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Got5-Jquery compatibility with Grid and BeanEditForm /
Tapestry-Bootstrap
Posted by "Thiago H. de Paula Figueiredo" <th...@gmail.com>.
On Sat, 24 Mar 2012 10:09:16 -0300, trsvax <tr...@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-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Got5-Jquery compatibility with Grid and BeanEditForm /
Tapestry-Bootstrap
Posted by trsvax <tr...@gmail.com>.
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-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap
Posted by Lenny Primak <lp...@hope.nyc.ny.us>.
My vote is #2
On Mar 25, 2012, at 6:55 AM, trsvax <tr...@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-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Got5-Jquery compatibility with Grid and BeanEditForm /
Tapestry-Bootstrap
Posted by trsvax <tr...@gmail.com>.
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-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap
Posted by Lenny Primak <lp...@hope.nyc.ny.us>.
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 <tr...@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-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Got5-Jquery compatibility with Grid and BeanEditForm /
Tapestry-Bootstrap
Posted by trsvax <tr...@gmail.com>.
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-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org