Rahul Joshi Hace 7 años I cannot find the Aspect Ratio Field. Can you please guide where it is located? Por favor identifíquese para votar. Contestar como... Cancelar Neil Jin Rahul Joshi Hace 7 años Hi Rahul,You need to create this field in your own structure. Please check my structure json file. Por favor identifíquese para votar. Contestar como... Cancelar Rahul Joshi Neil Jin Hace 7 años Sure, I will check that. I guess that would give more details. Por favor identifíquese para votar. Contestar como... Cancelar Neil Jin Rahul Joshi Hace 7 años Yes, that's is a workable source code for the structure. Por favor identifíquese para votar. Contestar como... Cancelar Nitin Dwivedi Neil Jin Hace 2 años - Editado 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. Por favor identifíquese para votar. Contestar como... Cancelar Neil Jin Rahul Joshi Hace 7 años Actually the Aspect Ratio Field is just a text field. Por favor identifíquese para votar. Contestar como... Cancelar Rahul Joshi Neil Jin Hace 6 años 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? Por favor identifíquese para votar. Contestar como... Cancelar Neil Jin Rahul Joshi Hace 6 años Then you can add the link in the structure and html in template accordingly. Por favor identifíquese para votar. Contestar como... Cancelar Christian Pätzold Neil Jin Hace 6 años 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> Por favor identifíquese para votar. Contestar como... Cancelar Christian Pätzold Rahul Joshi Hace 6 años 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> Por favor identifíquese para votar. Contestar como... Cancelar Christian Pätzold Christian Pätzold Hace 6 años Sorry, this is the link: https://jsfiddle.net/rhg7o359/ Por favor identifíquese para votar. Contestar como... Cancelar Christian Pätzold Rahul Joshi Hace 6 años You can find the structure in the Javascript field. Template is in the css and html field.https://jsfiddle.net/rhg7o359/ Por favor identifíquese para votar. Contestar como... Cancelar Neil Jin Christian Pätzold Hace 6 años 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. Por favor identifíquese para votar. Contestar como... Cancelar Marta Santos Neil Jin Hace 5 años 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. Por favor identifíquese para votar. Contestar como... Cancelar
Neil Jin Rahul Joshi Hace 7 años Hi Rahul,You need to create this field in your own structure. Please check my structure json file. Por favor identifíquese para votar. Contestar como... Cancelar Rahul Joshi Neil Jin Hace 7 años Sure, I will check that. I guess that would give more details. Por favor identifíquese para votar. Contestar como... Cancelar Neil Jin Rahul Joshi Hace 7 años Yes, that's is a workable source code for the structure. Por favor identifíquese para votar. Contestar como... Cancelar Nitin Dwivedi Neil Jin Hace 2 años - Editado 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. Por favor identifíquese para votar. Contestar como... Cancelar
Rahul Joshi Neil Jin Hace 7 años Sure, I will check that. I guess that would give more details. Por favor identifíquese para votar. Contestar como... Cancelar Neil Jin Rahul Joshi Hace 7 años Yes, that's is a workable source code for the structure. Por favor identifíquese para votar. Contestar como... Cancelar Nitin Dwivedi Neil Jin Hace 2 años - Editado 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. Por favor identifíquese para votar. Contestar como... Cancelar
Neil Jin Rahul Joshi Hace 7 años Yes, that's is a workable source code for the structure. Por favor identifíquese para votar. Contestar como... Cancelar Nitin Dwivedi Neil Jin Hace 2 años - Editado 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. Por favor identifíquese para votar. Contestar como... Cancelar
Nitin Dwivedi Neil Jin Hace 2 años - Editado 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. Por favor identifíquese para votar. Contestar como... Cancelar
Neil Jin Rahul Joshi Hace 7 años Actually the Aspect Ratio Field is just a text field. Por favor identifíquese para votar. Contestar como... Cancelar Rahul Joshi Neil Jin Hace 6 años 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? Por favor identifíquese para votar. Contestar como... Cancelar Neil Jin Rahul Joshi Hace 6 años Then you can add the link in the structure and html in template accordingly. Por favor identifíquese para votar. Contestar como... Cancelar Christian Pätzold Neil Jin Hace 6 años 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> Por favor identifíquese para votar. Contestar como... Cancelar Christian Pätzold Rahul Joshi Hace 6 años 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> Por favor identifíquese para votar. Contestar como... Cancelar Christian Pätzold Christian Pätzold Hace 6 años Sorry, this is the link: https://jsfiddle.net/rhg7o359/ Por favor identifíquese para votar. Contestar como... Cancelar Christian Pätzold Rahul Joshi Hace 6 años You can find the structure in the Javascript field. Template is in the css and html field.https://jsfiddle.net/rhg7o359/ Por favor identifíquese para votar. Contestar como... Cancelar Neil Jin Christian Pätzold Hace 6 años 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. Por favor identifíquese para votar. Contestar como... Cancelar Marta Santos Neil Jin Hace 5 años 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. Por favor identifíquese para votar. Contestar como... Cancelar
Rahul Joshi Neil Jin Hace 6 años 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? Por favor identifíquese para votar. Contestar como... Cancelar Neil Jin Rahul Joshi Hace 6 años Then you can add the link in the structure and html in template accordingly. Por favor identifíquese para votar. Contestar como... Cancelar Christian Pätzold Neil Jin Hace 6 años 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> Por favor identifíquese para votar. Contestar como... Cancelar Christian Pätzold Rahul Joshi Hace 6 años 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> Por favor identifíquese para votar. Contestar como... Cancelar Christian Pätzold Christian Pätzold Hace 6 años Sorry, this is the link: https://jsfiddle.net/rhg7o359/ Por favor identifíquese para votar. Contestar como... Cancelar Christian Pätzold Rahul Joshi Hace 6 años You can find the structure in the Javascript field. Template is in the css and html field.https://jsfiddle.net/rhg7o359/ Por favor identifíquese para votar. Contestar como... Cancelar Neil Jin Christian Pätzold Hace 6 años 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. Por favor identifíquese para votar. Contestar como... Cancelar Marta Santos Neil Jin Hace 5 años 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. Por favor identifíquese para votar. Contestar como... Cancelar
Neil Jin Rahul Joshi Hace 6 años Then you can add the link in the structure and html in template accordingly. Por favor identifíquese para votar. Contestar como... Cancelar Christian Pätzold Neil Jin Hace 6 años 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> Por favor identifíquese para votar. Contestar como... Cancelar
Christian Pätzold Neil Jin Hace 6 años 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> Por favor identifíquese para votar. Contestar como... Cancelar
Christian Pätzold Rahul Joshi Hace 6 años 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> Por favor identifíquese para votar. Contestar como... Cancelar Christian Pätzold Christian Pätzold Hace 6 años Sorry, this is the link: https://jsfiddle.net/rhg7o359/ Por favor identifíquese para votar. Contestar como... Cancelar
Christian Pätzold Christian Pätzold Hace 6 años Sorry, this is the link: https://jsfiddle.net/rhg7o359/ Por favor identifíquese para votar. Contestar como... Cancelar
Christian Pätzold Rahul Joshi Hace 6 años You can find the structure in the Javascript field. Template is in the css and html field.https://jsfiddle.net/rhg7o359/ Por favor identifíquese para votar. Contestar como... Cancelar Neil Jin Christian Pätzold Hace 6 años 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. Por favor identifíquese para votar. Contestar como... Cancelar Marta Santos Neil Jin Hace 5 años 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. Por favor identifíquese para votar. Contestar como... Cancelar
Neil Jin Christian Pätzold Hace 6 años 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. Por favor identifíquese para votar. Contestar como... Cancelar Marta Santos Neil Jin Hace 5 años 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. Por favor identifíquese para votar. Contestar como... Cancelar
Marta Santos Neil Jin Hace 5 años 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. Por favor identifíquese para votar. Contestar como... Cancelar
Taruchit Goyal Hace 5 años 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. Por favor identifíquese para votar. Contestar como... Cancelar
Taruchit Goyal Hace 5 años 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. Por favor identifíquese para votar. Contestar como... Cancelar Jason Chee Taruchit Goyal Hace 5 años This ADT carousel is not that good. Have you figured out how to use the Bootstrap sample from this blog in 7.1? Por favor identifíquese para votar. Contestar como... Cancelar Jason Chee Taruchit Goyal Hace 5 años 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". Por favor identifíquese para votar. Contestar como... Cancelar Taruchit Goyal Jason Chee Hace 4 años 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? Por favor identifíquese para votar. Contestar como... Cancelar Prerna Tikhile Jason Chee Hace 3 años - Editado 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 Por favor identifíquese para votar. Contestar como... Cancelar
Jason Chee Taruchit Goyal Hace 5 años This ADT carousel is not that good. Have you figured out how to use the Bootstrap sample from this blog in 7.1? Por favor identifíquese para votar. Contestar como... Cancelar
Jason Chee Taruchit Goyal Hace 5 años 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". Por favor identifíquese para votar. Contestar como... Cancelar Taruchit Goyal Jason Chee Hace 4 años 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? Por favor identifíquese para votar. Contestar como... Cancelar Prerna Tikhile Jason Chee Hace 3 años - Editado 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 Por favor identifíquese para votar. Contestar como... Cancelar
Taruchit Goyal Jason Chee Hace 4 años 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? Por favor identifíquese para votar. Contestar como... Cancelar
Prerna Tikhile Jason Chee Hace 3 años - Editado 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 Por favor identifíquese para votar. Contestar como... Cancelar