Iliyan Peychev Il y a 9 années Great job, Juan! Btw, these steps above look for me as good candidates to be automatized with some tool (hint, hint). Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez Iliyan Peychev Il y a 9 années Thanks!Yes, I was thinking on having some tool with different type of (pluggable) bootstrap theme providers. Let's talk about it someday. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Bach Hoang Juan Gonzalez Il y a 8 années can you help me write some document about tool to create bootstrap theme? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Juan Gonzalez Iliyan Peychev Il y a 9 années Thanks!Yes, I was thinking on having some tool with different type of (pluggable) bootstrap theme providers. Let's talk about it someday. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Bach Hoang Juan Gonzalez Il y a 8 années can you help me write some document about tool to create bootstrap theme? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Bach Hoang Juan Gonzalez Il y a 8 années can you help me write some document about tool to create bootstrap theme? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
gordon daniels Il y a 9 années A man true to his word! Thank you for this. I can't wait to give it a try. For those of us who are not app developers this is great. Looking forward to add on blog. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler gordon daniels gordon daniels Il y a 9 années Worked exactly as represented! Thanks again Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
gordon daniels gordon daniels Il y a 9 années Worked exactly as represented! Thanks again Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Manish Jha Il y a 9 années Great article. Waiting for next article with some example for developing bootstrap theme from scratch. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Jörg Larbig Il y a 9 années How can I perform "Themes from LESS files" with a maven based project ?In a maven project there is no _diffs folder, putting the files _aui_custom.scss and _aui_variables.scss in the webapp/css folder does not work (something happens to the layout but not the above mentioned result occurs)Thanks in advance Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
JL Gonzalez Il y a 9 années I still can't make it work, even I think that's a very useful tutorial. The created tthem (following the steps) provides a theme without style.I think I'm missing something very basic, could you please upload the theme explained in this tuto in order to check the source code of the result? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années - Edité Hi JL,What do you mean by "without style"? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années Not style at all, like if no css was working in the html. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Seems that your theme css is wrong, and after "ant deploy" it failed building the css. Try to make any change and execute "ant deploy" again and see if there is any error in logs (Liferay IDE console) Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It did not fail on the console.The steps are the described on the tutorial.1.- Create the theme through console.2.- Add the less files to the _diffs , changing their name and replacing the elements.3.- Compile and deploy.No build or deploy error but the page appears without stlyle.I think that the problem might be in the LESS-SASS replacements or something like that, that's why I´d like to see the final source code of the theme in order to check by myself what I am doing wrong.Many thanks, Juan Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Hi JL,sorry, I prefer you to implement theme successfully, so if there is any error in steps I can update the blog post :-).Please, create a new theme from scratch, but this time use Liferay IDE, and follow the same steps. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années Well, I did it again with no luck. I tried with 2 different bootstrat themes from the url you provided.One thing that I have noticed is that I think that there are more changes than the ones you said: Not only the '&-' must be changed (changing the ampersand with the element it belongs to) but with the &. elements too (changing them with the elements they belong to). In any case I did it again with no luck. I would like to contact you with a more complete list of steps done in order to see what might happen. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années The css should be fine if you didn't see any error while building the theme. In that phase the SASS files are compiled, and there would be errors there if you didn't replace something properly.BTW, did you try with "Slate" theme and followed all the steps? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It finally works. The key was that I am newbie at bootstrap (being generous) and I didn't know that it had any kind of compilation. The deploy was succesfull and I did'nt look at the log trace. There was an error in the middle.Using the regex you provided for spin\( ---> adjust-hue( it did not work properly for me. The final result was adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackgroundOn the other hand, all the &- and the &. must be replaced (not only the &- ).Many thanks for the support and for the blog entry, this makes a vey easy way to provide a brand new look to a portal. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Glad it worked.Are you sure the adjust-hue($btnPrimaryBackground doesn't work? It should.Thanks for the other tip. I will check it and update the blog entry. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It doesn't work. I tested it twice. It does not add the final '(' like on adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackground I´m using Notepad++ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Well, maybe I didn't explained clearly in the blog post, but as you can see in replacement table header: Pattern/string to replace.In this case, it's a pattern, so you can use some regexp tool for finding that pattern. If not, you can do it "manually". The final result should be replacing all "spin(" with "adjust-hue(", and same with other functions that doesn't exist in SASS. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Saurabh Gawande JL Gonzalez Il y a 9 années Hey, can you send me your scss files. I think I am getting similar errors, however, even after rectifying them, my theme doesn't look good. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Juan Gonzalez JL Gonzalez Il y a 9 années - Edité Hi JL,What do you mean by "without style"? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années Not style at all, like if no css was working in the html. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Seems that your theme css is wrong, and after "ant deploy" it failed building the css. Try to make any change and execute "ant deploy" again and see if there is any error in logs (Liferay IDE console) Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It did not fail on the console.The steps are the described on the tutorial.1.- Create the theme through console.2.- Add the less files to the _diffs , changing their name and replacing the elements.3.- Compile and deploy.No build or deploy error but the page appears without stlyle.I think that the problem might be in the LESS-SASS replacements or something like that, that's why I´d like to see the final source code of the theme in order to check by myself what I am doing wrong.Many thanks, Juan Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Hi JL,sorry, I prefer you to implement theme successfully, so if there is any error in steps I can update the blog post :-).Please, create a new theme from scratch, but this time use Liferay IDE, and follow the same steps. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années Well, I did it again with no luck. I tried with 2 different bootstrat themes from the url you provided.One thing that I have noticed is that I think that there are more changes than the ones you said: Not only the '&-' must be changed (changing the ampersand with the element it belongs to) but with the &. elements too (changing them with the elements they belong to). In any case I did it again with no luck. I would like to contact you with a more complete list of steps done in order to see what might happen. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années The css should be fine if you didn't see any error while building the theme. In that phase the SASS files are compiled, and there would be errors there if you didn't replace something properly.BTW, did you try with "Slate" theme and followed all the steps? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It finally works. The key was that I am newbie at bootstrap (being generous) and I didn't know that it had any kind of compilation. The deploy was succesfull and I did'nt look at the log trace. There was an error in the middle.Using the regex you provided for spin\( ---> adjust-hue( it did not work properly for me. The final result was adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackgroundOn the other hand, all the &- and the &. must be replaced (not only the &- ).Many thanks for the support and for the blog entry, this makes a vey easy way to provide a brand new look to a portal. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Glad it worked.Are you sure the adjust-hue($btnPrimaryBackground doesn't work? It should.Thanks for the other tip. I will check it and update the blog entry. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It doesn't work. I tested it twice. It does not add the final '(' like on adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackground I´m using Notepad++ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Well, maybe I didn't explained clearly in the blog post, but as you can see in replacement table header: Pattern/string to replace.In this case, it's a pattern, so you can use some regexp tool for finding that pattern. If not, you can do it "manually". The final result should be replacing all "spin(" with "adjust-hue(", and same with other functions that doesn't exist in SASS. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Saurabh Gawande JL Gonzalez Il y a 9 années Hey, can you send me your scss files. I think I am getting similar errors, however, even after rectifying them, my theme doesn't look good. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
JL Gonzalez Juan Gonzalez Il y a 9 années Not style at all, like if no css was working in the html. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Seems that your theme css is wrong, and after "ant deploy" it failed building the css. Try to make any change and execute "ant deploy" again and see if there is any error in logs (Liferay IDE console) Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It did not fail on the console.The steps are the described on the tutorial.1.- Create the theme through console.2.- Add the less files to the _diffs , changing their name and replacing the elements.3.- Compile and deploy.No build or deploy error but the page appears without stlyle.I think that the problem might be in the LESS-SASS replacements or something like that, that's why I´d like to see the final source code of the theme in order to check by myself what I am doing wrong.Many thanks, Juan Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Hi JL,sorry, I prefer you to implement theme successfully, so if there is any error in steps I can update the blog post :-).Please, create a new theme from scratch, but this time use Liferay IDE, and follow the same steps. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années Well, I did it again with no luck. I tried with 2 different bootstrat themes from the url you provided.One thing that I have noticed is that I think that there are more changes than the ones you said: Not only the '&-' must be changed (changing the ampersand with the element it belongs to) but with the &. elements too (changing them with the elements they belong to). In any case I did it again with no luck. I would like to contact you with a more complete list of steps done in order to see what might happen. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années The css should be fine if you didn't see any error while building the theme. In that phase the SASS files are compiled, and there would be errors there if you didn't replace something properly.BTW, did you try with "Slate" theme and followed all the steps? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It finally works. The key was that I am newbie at bootstrap (being generous) and I didn't know that it had any kind of compilation. The deploy was succesfull and I did'nt look at the log trace. There was an error in the middle.Using the regex you provided for spin\( ---> adjust-hue( it did not work properly for me. The final result was adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackgroundOn the other hand, all the &- and the &. must be replaced (not only the &- ).Many thanks for the support and for the blog entry, this makes a vey easy way to provide a brand new look to a portal. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Glad it worked.Are you sure the adjust-hue($btnPrimaryBackground doesn't work? It should.Thanks for the other tip. I will check it and update the blog entry. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It doesn't work. I tested it twice. It does not add the final '(' like on adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackground I´m using Notepad++ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Well, maybe I didn't explained clearly in the blog post, but as you can see in replacement table header: Pattern/string to replace.In this case, it's a pattern, so you can use some regexp tool for finding that pattern. If not, you can do it "manually". The final result should be replacing all "spin(" with "adjust-hue(", and same with other functions that doesn't exist in SASS. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Saurabh Gawande JL Gonzalez Il y a 9 années Hey, can you send me your scss files. I think I am getting similar errors, however, even after rectifying them, my theme doesn't look good. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Juan Gonzalez JL Gonzalez Il y a 9 années Seems that your theme css is wrong, and after "ant deploy" it failed building the css. Try to make any change and execute "ant deploy" again and see if there is any error in logs (Liferay IDE console) Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It did not fail on the console.The steps are the described on the tutorial.1.- Create the theme through console.2.- Add the less files to the _diffs , changing their name and replacing the elements.3.- Compile and deploy.No build or deploy error but the page appears without stlyle.I think that the problem might be in the LESS-SASS replacements or something like that, that's why I´d like to see the final source code of the theme in order to check by myself what I am doing wrong.Many thanks, Juan Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Hi JL,sorry, I prefer you to implement theme successfully, so if there is any error in steps I can update the blog post :-).Please, create a new theme from scratch, but this time use Liferay IDE, and follow the same steps. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années Well, I did it again with no luck. I tried with 2 different bootstrat themes from the url you provided.One thing that I have noticed is that I think that there are more changes than the ones you said: Not only the '&-' must be changed (changing the ampersand with the element it belongs to) but with the &. elements too (changing them with the elements they belong to). In any case I did it again with no luck. I would like to contact you with a more complete list of steps done in order to see what might happen. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années The css should be fine if you didn't see any error while building the theme. In that phase the SASS files are compiled, and there would be errors there if you didn't replace something properly.BTW, did you try with "Slate" theme and followed all the steps? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It finally works. The key was that I am newbie at bootstrap (being generous) and I didn't know that it had any kind of compilation. The deploy was succesfull and I did'nt look at the log trace. There was an error in the middle.Using the regex you provided for spin\( ---> adjust-hue( it did not work properly for me. The final result was adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackgroundOn the other hand, all the &- and the &. must be replaced (not only the &- ).Many thanks for the support and for the blog entry, this makes a vey easy way to provide a brand new look to a portal. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Glad it worked.Are you sure the adjust-hue($btnPrimaryBackground doesn't work? It should.Thanks for the other tip. I will check it and update the blog entry. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It doesn't work. I tested it twice. It does not add the final '(' like on adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackground I´m using Notepad++ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Well, maybe I didn't explained clearly in the blog post, but as you can see in replacement table header: Pattern/string to replace.In this case, it's a pattern, so you can use some regexp tool for finding that pattern. If not, you can do it "manually". The final result should be replacing all "spin(" with "adjust-hue(", and same with other functions that doesn't exist in SASS. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Saurabh Gawande JL Gonzalez Il y a 9 années Hey, can you send me your scss files. I think I am getting similar errors, however, even after rectifying them, my theme doesn't look good. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
JL Gonzalez Juan Gonzalez Il y a 9 années It did not fail on the console.The steps are the described on the tutorial.1.- Create the theme through console.2.- Add the less files to the _diffs , changing their name and replacing the elements.3.- Compile and deploy.No build or deploy error but the page appears without stlyle.I think that the problem might be in the LESS-SASS replacements or something like that, that's why I´d like to see the final source code of the theme in order to check by myself what I am doing wrong.Many thanks, Juan Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Hi JL,sorry, I prefer you to implement theme successfully, so if there is any error in steps I can update the blog post :-).Please, create a new theme from scratch, but this time use Liferay IDE, and follow the same steps. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années Well, I did it again with no luck. I tried with 2 different bootstrat themes from the url you provided.One thing that I have noticed is that I think that there are more changes than the ones you said: Not only the '&-' must be changed (changing the ampersand with the element it belongs to) but with the &. elements too (changing them with the elements they belong to). In any case I did it again with no luck. I would like to contact you with a more complete list of steps done in order to see what might happen. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années The css should be fine if you didn't see any error while building the theme. In that phase the SASS files are compiled, and there would be errors there if you didn't replace something properly.BTW, did you try with "Slate" theme and followed all the steps? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It finally works. The key was that I am newbie at bootstrap (being generous) and I didn't know that it had any kind of compilation. The deploy was succesfull and I did'nt look at the log trace. There was an error in the middle.Using the regex you provided for spin\( ---> adjust-hue( it did not work properly for me. The final result was adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackgroundOn the other hand, all the &- and the &. must be replaced (not only the &- ).Many thanks for the support and for the blog entry, this makes a vey easy way to provide a brand new look to a portal. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Glad it worked.Are you sure the adjust-hue($btnPrimaryBackground doesn't work? It should.Thanks for the other tip. I will check it and update the blog entry. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It doesn't work. I tested it twice. It does not add the final '(' like on adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackground I´m using Notepad++ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Well, maybe I didn't explained clearly in the blog post, but as you can see in replacement table header: Pattern/string to replace.In this case, it's a pattern, so you can use some regexp tool for finding that pattern. If not, you can do it "manually". The final result should be replacing all "spin(" with "adjust-hue(", and same with other functions that doesn't exist in SASS. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Saurabh Gawande JL Gonzalez Il y a 9 années Hey, can you send me your scss files. I think I am getting similar errors, however, even after rectifying them, my theme doesn't look good. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Juan Gonzalez JL Gonzalez Il y a 9 années Hi JL,sorry, I prefer you to implement theme successfully, so if there is any error in steps I can update the blog post :-).Please, create a new theme from scratch, but this time use Liferay IDE, and follow the same steps. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années Well, I did it again with no luck. I tried with 2 different bootstrat themes from the url you provided.One thing that I have noticed is that I think that there are more changes than the ones you said: Not only the '&-' must be changed (changing the ampersand with the element it belongs to) but with the &. elements too (changing them with the elements they belong to). In any case I did it again with no luck. I would like to contact you with a more complete list of steps done in order to see what might happen. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années The css should be fine if you didn't see any error while building the theme. In that phase the SASS files are compiled, and there would be errors there if you didn't replace something properly.BTW, did you try with "Slate" theme and followed all the steps? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It finally works. The key was that I am newbie at bootstrap (being generous) and I didn't know that it had any kind of compilation. The deploy was succesfull and I did'nt look at the log trace. There was an error in the middle.Using the regex you provided for spin\( ---> adjust-hue( it did not work properly for me. The final result was adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackgroundOn the other hand, all the &- and the &. must be replaced (not only the &- ).Many thanks for the support and for the blog entry, this makes a vey easy way to provide a brand new look to a portal. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Glad it worked.Are you sure the adjust-hue($btnPrimaryBackground doesn't work? It should.Thanks for the other tip. I will check it and update the blog entry. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It doesn't work. I tested it twice. It does not add the final '(' like on adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackground I´m using Notepad++ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Well, maybe I didn't explained clearly in the blog post, but as you can see in replacement table header: Pattern/string to replace.In this case, it's a pattern, so you can use some regexp tool for finding that pattern. If not, you can do it "manually". The final result should be replacing all "spin(" with "adjust-hue(", and same with other functions that doesn't exist in SASS. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Saurabh Gawande JL Gonzalez Il y a 9 années Hey, can you send me your scss files. I think I am getting similar errors, however, even after rectifying them, my theme doesn't look good. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
JL Gonzalez Juan Gonzalez Il y a 9 années Well, I did it again with no luck. I tried with 2 different bootstrat themes from the url you provided.One thing that I have noticed is that I think that there are more changes than the ones you said: Not only the '&-' must be changed (changing the ampersand with the element it belongs to) but with the &. elements too (changing them with the elements they belong to). In any case I did it again with no luck. I would like to contact you with a more complete list of steps done in order to see what might happen. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années The css should be fine if you didn't see any error while building the theme. In that phase the SASS files are compiled, and there would be errors there if you didn't replace something properly.BTW, did you try with "Slate" theme and followed all the steps? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It finally works. The key was that I am newbie at bootstrap (being generous) and I didn't know that it had any kind of compilation. The deploy was succesfull and I did'nt look at the log trace. There was an error in the middle.Using the regex you provided for spin\( ---> adjust-hue( it did not work properly for me. The final result was adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackgroundOn the other hand, all the &- and the &. must be replaced (not only the &- ).Many thanks for the support and for the blog entry, this makes a vey easy way to provide a brand new look to a portal. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Glad it worked.Are you sure the adjust-hue($btnPrimaryBackground doesn't work? It should.Thanks for the other tip. I will check it and update the blog entry. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It doesn't work. I tested it twice. It does not add the final '(' like on adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackground I´m using Notepad++ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Well, maybe I didn't explained clearly in the blog post, but as you can see in replacement table header: Pattern/string to replace.In this case, it's a pattern, so you can use some regexp tool for finding that pattern. If not, you can do it "manually". The final result should be replacing all "spin(" with "adjust-hue(", and same with other functions that doesn't exist in SASS. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Saurabh Gawande JL Gonzalez Il y a 9 années Hey, can you send me your scss files. I think I am getting similar errors, however, even after rectifying them, my theme doesn't look good. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Juan Gonzalez JL Gonzalez Il y a 9 années The css should be fine if you didn't see any error while building the theme. In that phase the SASS files are compiled, and there would be errors there if you didn't replace something properly.BTW, did you try with "Slate" theme and followed all the steps? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It finally works. The key was that I am newbie at bootstrap (being generous) and I didn't know that it had any kind of compilation. The deploy was succesfull and I did'nt look at the log trace. There was an error in the middle.Using the regex you provided for spin\( ---> adjust-hue( it did not work properly for me. The final result was adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackgroundOn the other hand, all the &- and the &. must be replaced (not only the &- ).Many thanks for the support and for the blog entry, this makes a vey easy way to provide a brand new look to a portal. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Glad it worked.Are you sure the adjust-hue($btnPrimaryBackground doesn't work? It should.Thanks for the other tip. I will check it and update the blog entry. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It doesn't work. I tested it twice. It does not add the final '(' like on adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackground I´m using Notepad++ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Well, maybe I didn't explained clearly in the blog post, but as you can see in replacement table header: Pattern/string to replace.In this case, it's a pattern, so you can use some regexp tool for finding that pattern. If not, you can do it "manually". The final result should be replacing all "spin(" with "adjust-hue(", and same with other functions that doesn't exist in SASS. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Saurabh Gawande JL Gonzalez Il y a 9 années Hey, can you send me your scss files. I think I am getting similar errors, however, even after rectifying them, my theme doesn't look good. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
JL Gonzalez Juan Gonzalez Il y a 9 années It finally works. The key was that I am newbie at bootstrap (being generous) and I didn't know that it had any kind of compilation. The deploy was succesfull and I did'nt look at the log trace. There was an error in the middle.Using the regex you provided for spin\( ---> adjust-hue( it did not work properly for me. The final result was adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackgroundOn the other hand, all the &- and the &. must be replaced (not only the &- ).Many thanks for the support and for the blog entry, this makes a vey easy way to provide a brand new look to a portal. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Glad it worked.Are you sure the adjust-hue($btnPrimaryBackground doesn't work? It should.Thanks for the other tip. I will check it and update the blog entry. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It doesn't work. I tested it twice. It does not add the final '(' like on adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackground I´m using Notepad++ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Well, maybe I didn't explained clearly in the blog post, but as you can see in replacement table header: Pattern/string to replace.In this case, it's a pattern, so you can use some regexp tool for finding that pattern. If not, you can do it "manually". The final result should be replacing all "spin(" with "adjust-hue(", and same with other functions that doesn't exist in SASS. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Saurabh Gawande JL Gonzalez Il y a 9 années Hey, can you send me your scss files. I think I am getting similar errors, however, even after rectifying them, my theme doesn't look good. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Juan Gonzalez JL Gonzalez Il y a 9 années Glad it worked.Are you sure the adjust-hue($btnPrimaryBackground doesn't work? It should.Thanks for the other tip. I will check it and update the blog entry. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler JL Gonzalez Juan Gonzalez Il y a 9 années It doesn't work. I tested it twice. It does not add the final '(' like on adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackground I´m using Notepad++ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Well, maybe I didn't explained clearly in the blog post, but as you can see in replacement table header: Pattern/string to replace.In this case, it's a pattern, so you can use some regexp tool for finding that pattern. If not, you can do it "manually". The final result should be replacing all "spin(" with "adjust-hue(", and same with other functions that doesn't exist in SASS. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
JL Gonzalez Juan Gonzalez Il y a 9 années It doesn't work. I tested it twice. It does not add the final '(' like on adjust-hue$btnPrimaryBackground instead of adjust-hue($btnPrimaryBackground I´m using Notepad++ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez JL Gonzalez Il y a 9 années Well, maybe I didn't explained clearly in the blog post, but as you can see in replacement table header: Pattern/string to replace.In this case, it's a pattern, so you can use some regexp tool for finding that pattern. If not, you can do it "manually". The final result should be replacing all "spin(" with "adjust-hue(", and same with other functions that doesn't exist in SASS. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Juan Gonzalez JL Gonzalez Il y a 9 années Well, maybe I didn't explained clearly in the blog post, but as you can see in replacement table header: Pattern/string to replace.In this case, it's a pattern, so you can use some regexp tool for finding that pattern. If not, you can do it "manually". The final result should be replacing all "spin(" with "adjust-hue(", and same with other functions that doesn't exist in SASS. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Saurabh Gawande JL Gonzalez Il y a 9 années Hey, can you send me your scss files. I think I am getting similar errors, however, even after rectifying them, my theme doesn't look good. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Sean Gildea Il y a 9 années If you intend to use font awesome, Nates suggestion to add his code to custom.css is incorrect. It actually needs to be inside aui.css. Also, once you get font awesome going, I found this website has the correct class names for usage inside liferay.http://nickpiesco.github.io/alloy-ui-font-awesome-cheatsheet/ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Maria Merzhanova Il y a 9 années I didn't find #gradient > @include vertical.I found:#gradient > .vertical-three-colors(...)and#gradient > .directional(...)Do I need to replace it? With what strings? :@include gradient-vertical OR .gradient-vertical...and@include gradient-directional OR . gradient-directional Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez Maria Merzhanova Il y a 9 années Hi Maria,I guess the correct ones are:@include gradient-vertical-three-colors@include gradient-directional Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Juan Gonzalez Maria Merzhanova Il y a 9 années Hi Maria,I guess the correct ones are:@include gradient-vertical-three-colors@include gradient-directional Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Fuad Efendi Il y a 9 années Thank you for the article!I am thinking about custom hooks: Liferay 6.2 AUI compatibility with Bootstrap 2.3.2 is nothing more that usage of standard CSS classes from Bootstrap v.2.3.2 - so that probably we may have new JSP versions compatible with version 3.3.1I am going to try that... nothing more than replacing some CSS class names with Bootstrap 3.3.1 compatible names. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Fuad Efendi Il y a 9 années For those who wants real hack (such as Bootstrap 4 on Liferay 7) check this:https://github.com/liferay/alloy-ui/wiki/Liferay-IntegrationAnd especially this:https://github.com/liferay/alloy-ui/wiki/Bootstrap-3:-Migration-GuideIndeed, it is Alloy UI classes, powered by Bootstrap. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Michele Zanarotti Il y a 8 années Hello Juan.I'm struggling against converting files, and when I compile with 'deploy' i get no error, and the theme applied to page is completely unstyled in the end.Can you post those two converted files ? It could be a great help to understand what I am doing wrong. It could be even better to post the entire war theme obtained , so we can check everything is going fine in this workflow.Many Thanks. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Michele Zanarotti Il y a 8 années Actually I solved the issues I had. The problem is indeed in the LiferayIDE.deploy will run the task build-css. The first time you do it this task will bring to output any errors in your scss files. But if you modify the scss files, those are no more considered from build-css and it returns without errors. So, for me the solution was to 'clean' before 'deploy' every time. I never experiences this with css only themes. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez Michele Zanarotti Il y a 8 années Glad you fixed it ;-).. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Juan Gonzalez Michele Zanarotti Il y a 8 années Glad you fixed it ;-).. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
(Vous) Il y a 8 années [...] This is the second (and last) part of my blog series for using existing Bootstrap themes into Liferay 6.2. In my previous blog post I talked about using LESS files, and how to, by simply changing... [...] Read More Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
(Vous) Il y a 8 années [...] This is the second (and last) part of my blog series for using existing Bootstrap themes into Liferay 6.2. In my previous blog post I talked about using LESS files, and how to, by simply changing... [...] Read More Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
(Vous) Il y a 8 années [...] Calvin Quintero: IIs there any way to use existing Bootstrap themes in Liferay? Yes, please take a look at these blog posts:... [...] Read More Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Quang Anh Ngô Il y a 7 années The link https://github.com/m5o/sass-bootstrap/blob/master/README.md#sass-conversion-quick-tips is not available. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Quang Anh Ngô Il y a 7 années The link https://github.com/m5o/sass-bootstrap/blob/master/README.md#sass-conversion-quick-tips is not available. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Juan Gonzalez Quang Anh Ngô Il y a 7 années Thanks Quang. I've replaced that link with the tips text, as this part is a bit old and this way we will keep the information forever visible. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Juan Gonzalez Quang Anh Ngô Il y a 7 années Thanks Quang. I've replaced that link with the tips text, as this part is a bit old and this way we will keep the information forever visible. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Alla Sapozhnikova Il y a 5 années How can I use existing bootstrap themes in Liferay DXP? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler