Rahul Joshi Il y a 7 années I cannot find the Aspect Ratio Field. Can you please guide where it is located? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Neil Jin Rahul Joshi Il y a 7 années Hi Rahul,You need to create this field in your own structure. Please check my structure json file. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Rahul Joshi Neil Jin Il y a 7 années Sure, I will check that. I guess that would give more details. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Neil Jin Rahul Joshi Il y a 7 années Yes, that's is a workable source code for the structure. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Nitin Dwivedi Neil Jin Il y a 2 années - Edité Hi Neil the upper link is not working, and i have tried same that you wrote but its not working my slider buttons is visible and images are show in vertically. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Neil Jin Rahul Joshi Il y a 7 années Actually the Aspect Ratio Field is just a text field. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Rahul Joshi Neil Jin Il y a 7 années Can you help me with one more thing? If I need to link an image with a blog post or news article in Liferay. How can I do that? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Neil Jin Rahul Joshi Il y a 6 années Then you can add the link in the structure and html in template accordingly. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Christian Pätzold Neil Jin Il y a 6 années Actualy there is a little bug in your template. In data-target you forgot a # ;)wrong:<li class="${(cur_img?counter == 1)?then('active', '')}" data-slide-to="${(cur_img?counter == 1)?then(0, (cur_img?counter - 1))}" data-target='carousel-<@portlet.namespace />'></li>right: <li class="${(cur_img?counter == 1)?then('active', '')}" data-slide-to="${(cur_img?counter == 1)?then(0, (cur_img?counter - 1))}" data-target='#carousel-<@portlet.namespace />'></li> Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Christian Pätzold Rahul Joshi Il y a 6 années In my case I used "${.vars['reserved-article-id'].data}" instead of "<@portlet.namespace />"You can find the structure in the Javascript field. Template is in the css and html field.<script async src="//jsfiddle.net/rhg7o359/embed/"></script> Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Christian Pätzold Christian Pätzold Il y a 6 années Sorry, this is the link: https://jsfiddle.net/rhg7o359/ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Christian Pätzold Rahul Joshi Il y a 6 années You can find the structure in the Javascript field. Template is in the css and html field.https://jsfiddle.net/rhg7o359/ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Neil Jin Christian Pätzold Il y a 6 années Hi Christian, Thanks for pointing that out!I think using ${.vars['reserved-article-id'].data} may cause duplicated id if you add 2 web-content-display portlet to the same page with the same web content. Uisng portlet namespace can gurantee the id is unique in the page.For the name space, you can use <@portlet.namespace /> or ${request.get("portlet-namespace")} or ${request["portlet-namespace"]} depends on what version of Liferay you are using. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Marta Santos Neil Jin Il y a 5 années Hello, I am using Liferay version 7.1.1 CE GA2 and none of these alternatives to get namespace work for me. There is any other way to do this? So that I can have two carousels in the same page.... Thank you. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Neil Jin Rahul Joshi Il y a 7 années Hi Rahul,You need to create this field in your own structure. Please check my structure json file. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Rahul Joshi Neil Jin Il y a 7 années Sure, I will check that. I guess that would give more details. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Neil Jin Rahul Joshi Il y a 7 années Yes, that's is a workable source code for the structure. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Nitin Dwivedi Neil Jin Il y a 2 années - Edité Hi Neil the upper link is not working, and i have tried same that you wrote but its not working my slider buttons is visible and images are show in vertically. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Rahul Joshi Neil Jin Il y a 7 années Sure, I will check that. I guess that would give more details. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Neil Jin Rahul Joshi Il y a 7 années Yes, that's is a workable source code for the structure. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Nitin Dwivedi Neil Jin Il y a 2 années - Edité Hi Neil the upper link is not working, and i have tried same that you wrote but its not working my slider buttons is visible and images are show in vertically. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Neil Jin Rahul Joshi Il y a 7 années Yes, that's is a workable source code for the structure. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Nitin Dwivedi Neil Jin Il y a 2 années - Edité Hi Neil the upper link is not working, and i have tried same that you wrote but its not working my slider buttons is visible and images are show in vertically. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Nitin Dwivedi Neil Jin Il y a 2 années - Edité Hi Neil the upper link is not working, and i have tried same that you wrote but its not working my slider buttons is visible and images are show in vertically. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Neil Jin Rahul Joshi Il y a 7 années Actually the Aspect Ratio Field is just a text field. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Rahul Joshi Neil Jin Il y a 7 années Can you help me with one more thing? If I need to link an image with a blog post or news article in Liferay. How can I do that? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Neil Jin Rahul Joshi Il y a 6 années Then you can add the link in the structure and html in template accordingly. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Christian Pätzold Neil Jin Il y a 6 années Actualy there is a little bug in your template. In data-target you forgot a # ;)wrong:<li class="${(cur_img?counter == 1)?then('active', '')}" data-slide-to="${(cur_img?counter == 1)?then(0, (cur_img?counter - 1))}" data-target='carousel-<@portlet.namespace />'></li>right: <li class="${(cur_img?counter == 1)?then('active', '')}" data-slide-to="${(cur_img?counter == 1)?then(0, (cur_img?counter - 1))}" data-target='#carousel-<@portlet.namespace />'></li> Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Christian Pätzold Rahul Joshi Il y a 6 années In my case I used "${.vars['reserved-article-id'].data}" instead of "<@portlet.namespace />"You can find the structure in the Javascript field. Template is in the css and html field.<script async src="//jsfiddle.net/rhg7o359/embed/"></script> Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Christian Pätzold Christian Pätzold Il y a 6 années Sorry, this is the link: https://jsfiddle.net/rhg7o359/ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Christian Pätzold Rahul Joshi Il y a 6 années You can find the structure in the Javascript field. Template is in the css and html field.https://jsfiddle.net/rhg7o359/ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Neil Jin Christian Pätzold Il y a 6 années Hi Christian, Thanks for pointing that out!I think using ${.vars['reserved-article-id'].data} may cause duplicated id if you add 2 web-content-display portlet to the same page with the same web content. Uisng portlet namespace can gurantee the id is unique in the page.For the name space, you can use <@portlet.namespace /> or ${request.get("portlet-namespace")} or ${request["portlet-namespace"]} depends on what version of Liferay you are using. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Marta Santos Neil Jin Il y a 5 années Hello, I am using Liferay version 7.1.1 CE GA2 and none of these alternatives to get namespace work for me. There is any other way to do this? So that I can have two carousels in the same page.... Thank you. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Rahul Joshi Neil Jin Il y a 7 années Can you help me with one more thing? If I need to link an image with a blog post or news article in Liferay. How can I do that? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Neil Jin Rahul Joshi Il y a 6 années Then you can add the link in the structure and html in template accordingly. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Christian Pätzold Neil Jin Il y a 6 années Actualy there is a little bug in your template. In data-target you forgot a # ;)wrong:<li class="${(cur_img?counter == 1)?then('active', '')}" data-slide-to="${(cur_img?counter == 1)?then(0, (cur_img?counter - 1))}" data-target='carousel-<@portlet.namespace />'></li>right: <li class="${(cur_img?counter == 1)?then('active', '')}" data-slide-to="${(cur_img?counter == 1)?then(0, (cur_img?counter - 1))}" data-target='#carousel-<@portlet.namespace />'></li> Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Christian Pätzold Rahul Joshi Il y a 6 années In my case I used "${.vars['reserved-article-id'].data}" instead of "<@portlet.namespace />"You can find the structure in the Javascript field. Template is in the css and html field.<script async src="//jsfiddle.net/rhg7o359/embed/"></script> Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Christian Pätzold Christian Pätzold Il y a 6 années Sorry, this is the link: https://jsfiddle.net/rhg7o359/ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Christian Pätzold Rahul Joshi Il y a 6 années You can find the structure in the Javascript field. Template is in the css and html field.https://jsfiddle.net/rhg7o359/ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Neil Jin Christian Pätzold Il y a 6 années Hi Christian, Thanks for pointing that out!I think using ${.vars['reserved-article-id'].data} may cause duplicated id if you add 2 web-content-display portlet to the same page with the same web content. Uisng portlet namespace can gurantee the id is unique in the page.For the name space, you can use <@portlet.namespace /> or ${request.get("portlet-namespace")} or ${request["portlet-namespace"]} depends on what version of Liferay you are using. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Marta Santos Neil Jin Il y a 5 années Hello, I am using Liferay version 7.1.1 CE GA2 and none of these alternatives to get namespace work for me. There is any other way to do this? So that I can have two carousels in the same page.... Thank you. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Neil Jin Rahul Joshi Il y a 6 années Then you can add the link in the structure and html in template accordingly. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Christian Pätzold Neil Jin Il y a 6 années Actualy there is a little bug in your template. In data-target you forgot a # ;)wrong:<li class="${(cur_img?counter == 1)?then('active', '')}" data-slide-to="${(cur_img?counter == 1)?then(0, (cur_img?counter - 1))}" data-target='carousel-<@portlet.namespace />'></li>right: <li class="${(cur_img?counter == 1)?then('active', '')}" data-slide-to="${(cur_img?counter == 1)?then(0, (cur_img?counter - 1))}" data-target='#carousel-<@portlet.namespace />'></li> Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Christian Pätzold Neil Jin Il y a 6 années Actualy there is a little bug in your template. In data-target you forgot a # ;)wrong:<li class="${(cur_img?counter == 1)?then('active', '')}" data-slide-to="${(cur_img?counter == 1)?then(0, (cur_img?counter - 1))}" data-target='carousel-<@portlet.namespace />'></li>right: <li class="${(cur_img?counter == 1)?then('active', '')}" data-slide-to="${(cur_img?counter == 1)?then(0, (cur_img?counter - 1))}" data-target='#carousel-<@portlet.namespace />'></li> Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Christian Pätzold Rahul Joshi Il y a 6 années In my case I used "${.vars['reserved-article-id'].data}" instead of "<@portlet.namespace />"You can find the structure in the Javascript field. Template is in the css and html field.<script async src="//jsfiddle.net/rhg7o359/embed/"></script> Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Christian Pätzold Christian Pätzold Il y a 6 années Sorry, this is the link: https://jsfiddle.net/rhg7o359/ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Christian Pätzold Christian Pätzold Il y a 6 années Sorry, this is the link: https://jsfiddle.net/rhg7o359/ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Christian Pätzold Rahul Joshi Il y a 6 années You can find the structure in the Javascript field. Template is in the css and html field.https://jsfiddle.net/rhg7o359/ Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Neil Jin Christian Pätzold Il y a 6 années Hi Christian, Thanks for pointing that out!I think using ${.vars['reserved-article-id'].data} may cause duplicated id if you add 2 web-content-display portlet to the same page with the same web content. Uisng portlet namespace can gurantee the id is unique in the page.For the name space, you can use <@portlet.namespace /> or ${request.get("portlet-namespace")} or ${request["portlet-namespace"]} depends on what version of Liferay you are using. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Marta Santos Neil Jin Il y a 5 années Hello, I am using Liferay version 7.1.1 CE GA2 and none of these alternatives to get namespace work for me. There is any other way to do this? So that I can have two carousels in the same page.... Thank you. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Neil Jin Christian Pätzold Il y a 6 années Hi Christian, Thanks for pointing that out!I think using ${.vars['reserved-article-id'].data} may cause duplicated id if you add 2 web-content-display portlet to the same page with the same web content. Uisng portlet namespace can gurantee the id is unique in the page.For the name space, you can use <@portlet.namespace /> or ${request.get("portlet-namespace")} or ${request["portlet-namespace"]} depends on what version of Liferay you are using. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Marta Santos Neil Jin Il y a 5 années Hello, I am using Liferay version 7.1.1 CE GA2 and none of these alternatives to get namespace work for me. There is any other way to do this? So that I can have two carousels in the same page.... Thank you. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Marta Santos Neil Jin Il y a 5 années Hello, I am using Liferay version 7.1.1 CE GA2 and none of these alternatives to get namespace work for me. There is any other way to do this? So that I can have two carousels in the same page.... Thank you. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Taruchit Goyal Il y a 5 années Hello, I used the carousel code in Liferay 7, and it worked properly. Then, I used it in Liferay 7.1, then, the carousel was not seen. Rather, all images selected in the webcontent, appeared like a vertical list. At the end of last image, two images were seen "<>" (coming from glyphicon). Please suggest how to make the code compatible with Liferay 7.1; and the points to be kept while writing structure & template for the new version. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Taruchit Goyal Il y a 5 années Hello All, Following up on my previous post, I got following document sharing about creating carousel in Liferay 7.1: https://dev.liferay.com/de/discover/portal/-/knowledge_base/7-1/adt-example The carousel works properly, however, I am unable to add anchor tag, aspect ratio to the images in carousel. Thus, please help to add such properties to the images in carousel. Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Jason Chee Taruchit Goyal Il y a 5 années This ADT carousel is not that good. Have you figured out how to use the Bootstrap sample from this blog in 7.1? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Jason Chee Taruchit Goyal Il y a 5 années For those who has problem running this code in 7.1, I found the missing bit. The class "item" needs to be changed to "carousel-item". Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Taruchit Goyal Jason Chee Il y a 4 années Hello Jason, Thank you for sharing the change in class name for carousel. The new class "carousel-item" works properly. When we use above structure-template for multiple webcontents on same page, it causes issue due to same id. Thus, we need to create multiple templates and then use unique ids in each. Can you suggest a better method to resolve the issue and help to create new ids dynamically? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Prerna Tikhile Jason Chee Il y a 3 années - Edité Hi, After adding this the slide show is working but still those arrows are coming down .Also please suggest how can we change the color of the arrow and add background color as a box to it.And how can we add text on the image.Thanks Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Jason Chee Taruchit Goyal Il y a 5 années This ADT carousel is not that good. Have you figured out how to use the Bootstrap sample from this blog in 7.1? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Jason Chee Taruchit Goyal Il y a 5 années For those who has problem running this code in 7.1, I found the missing bit. The class "item" needs to be changed to "carousel-item". Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Taruchit Goyal Jason Chee Il y a 4 années Hello Jason, Thank you for sharing the change in class name for carousel. The new class "carousel-item" works properly. When we use above structure-template for multiple webcontents on same page, it causes issue due to same id. Thus, we need to create multiple templates and then use unique ids in each. Can you suggest a better method to resolve the issue and help to create new ids dynamically? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler Prerna Tikhile Jason Chee Il y a 3 années - Edité Hi, After adding this the slide show is working but still those arrows are coming down .Also please suggest how can we change the color of the arrow and add background color as a box to it.And how can we add text on the image.Thanks Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Taruchit Goyal Jason Chee Il y a 4 années Hello Jason, Thank you for sharing the change in class name for carousel. The new class "carousel-item" works properly. When we use above structure-template for multiple webcontents on same page, it causes issue due to same id. Thus, we need to create multiple templates and then use unique ids in each. Can you suggest a better method to resolve the issue and help to create new ids dynamically? Veuillez vous identifier pour voter. Répondre en tant que ... Annuler
Prerna Tikhile Jason Chee Il y a 3 années - Edité Hi, After adding this the slide show is working but still those arrows are coming down .Also please suggest how can we change the color of the arrow and add background color as a box to it.And how can we add text on the image.Thanks Veuillez vous identifier pour voter. Répondre en tant que ... Annuler