Re: Got5-Jquery compatibility with Grid and BeanEditForm / Tapestry-Bootstrap
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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