AllVideoShareGallery Plugin
- Administrator
-
- Offline
- Administrator
-
- Posts: 2478
- Thank you received: 1451
Replied by Administrator on topic Re: AllVideoShareGallery Plugin
Dear Palos,
Front-End Stylesheet option is only to design the front-end view of the Component pages. But, In your case you are working with Modules. So, You will have to use the ModuleClass_Suffix field option of the Modules.
Module Class Suffix field is explained in the same document page allvideoshare.mrvinoth.com/using-allvideoshare-modules
Best Regards,
Vinoth Kumar
Front-End Stylesheet option is only to design the front-end view of the Component pages. But, In your case you are working with Modules. So, You will have to use the ModuleClass_Suffix field option of the Modules.
Module Class Suffix field is explained in the same document page allvideoshare.mrvinoth.com/using-allvideoshare-modules
Best Regards,
Vinoth Kumar
12 years 2 months ago
#21
Please Log in or Create an account to join the conversation.
- palos
- Topic Author
- Visitor
-
Replied by palos on topic Re: AllVideoShareGallery Plugin
Ohh Vinoth,
It would be much better having a Modul CSS tab as like the Front-End Stylesheet instead of... or beside the ModuleClass_Suffix.
How should I think it out what are your class names (#avs_gallery .avs_thumb...)? Are they the same just like the Front-End Stylesheet?
If they are I think copy it and paste into a CSS should be the most effective way, right?
It would be much better having a Modul CSS tab as like the Front-End Stylesheet instead of... or beside the ModuleClass_Suffix.
How should I think it out what are your class names (#avs_gallery .avs_thumb...)? Are they the same just like the Front-End Stylesheet?
If they are I think copy it and paste into a CSS should be the most effective way, right?
12 years 2 months ago
#22
Please Log in or Create an account to join the conversation.
- Administrator
-
- Offline
- Administrator
-
- Posts: 2478
- Thank you received: 1451
Replied by Administrator on topic Re: AllVideoShareGallery Plugin
Dear Palos,
ModuleClass_Suffix is the native and strong method of Joomla! for Modules. This is the reason, we have omitted the Front-end Stylesheet option for modules and added the Joomla!'s native method. But, We should have a nice document for the CSS classes used by our modules. Let me ask our team to update this in our document.
Following classes are used by our Gallery Module :
ModuleClass_Suffix is the native and strong method of Joomla! for Modules. This is the reason, we have omitted the Front-end Stylesheet option for modules and added the Joomla!'s native method. But, We should have a nice document for the CSS classes used by our modules. Let me ask our team to update this in our document.
Following classes are used by our Gallery Module :
#avs_gallery .avs_thumb {
background-color:#FFFFFF;
border:1px solid #EEE;
padding:10px;
float:left;
margin:7px;
}
#avs_gallery .avs_thumb a {
text-decoration:none;
}
#avs_gallery .avs_thumb .image {
display:block;
}
#avs_gallery .avs_thumb .arrow {
position:absolute;
width:29px;
height:26px;
margin-left:59px;
margin-top:28px;
opacity:0.5;
}
#avs_gallery .avs_thumb .title {
margin:5px 0px 0px 0px;
padding:0px;
display:block;
font-family:Arial;
font-size:12px;
color:#444;
font-weight:bold;
}
#avs_gallery .avs_thumb .views {
margin:0px;
padding:0px;
display:block;
font-family:Arial;
font-size:11px;
color:#777;
}
The following user(s) said Thank You: palos
Please Log in or Create an account to join the conversation.
- palos
- Topic Author
- Visitor
-
Replied by palos on topic Re: AllVideoShareGallery Plugin
Thanks Vinoth,
I think the Front-end Stylesheet contains more:
By the way the pagination works a bit strange:
- only a linked text "more" is visible (no page "1" "2" nor first/prev/next/last)
- nothing happens when clicking on the text "more"
- there is a 1 column / 3 row gallery with 4 video but only the first page (3 thumbs) is reachable
One more thing:
If I click any of the thumbs then it disappears from the thumbs list (gallery).
It may be a logical movement but as being as a possible confusing thing I suggest to make it optional.
I think the Front-end Stylesheet contains more:
Warning: Spoiler!
[ Click to expand ]
[ Click to hide ]
/* CSS Styles for Gallery Page */
#avs_gallery .avs_thumb{ background-color:#FFFFFF; border:1px solid #BFD654; padding:0px; float:left; margin:7px; }
#avs_gallery .avs_thumb a{ text-decoration:none; }
#avs_gallery .avs_thumb .image{ display:block; }
#avs_gallery .avs_thumb .arrow{ position:absolute; width:29px; height:26px; margin-left:59px; margin-top:28px; opacity:0.5; }
#avs_gallery .avs_thumb .name{ margin:5px 0px 0px 0px; padding:0px; display:block; font-family:Arial; font-size:11px; color:#777; font-weight:bold; }
#avs_gallery .avs_thumb .title{ margin:5px 0px 0px 0px; padding:0px; display:block; font-family:Arial; font-size:12px; color:#444; font-weight:bold; }
#avs_gallery .avs_thumb .views{ margin:0px; padding:0px; display:block; font-family:Arial; font-size:11px; color:#777; }
/* CSS Styles for Pagination */
#whitebox div #avs_pagination{ margin-top:15px; text-align:center; }
#avs_pagination .pagination span, #avs_pagination .pagination a, #avs_pagination ul li{ margin:0px 2px; padding:3px 7px; background-color:#eee; border:1px solid #ddd; text-align:center; font-size:12px; }
#avs_pagination ul{ list-style-type:none; }
#avs_pagination ul li{ float:left; margin-left:5px; }
/* CSS Styles for Video Page */
#avs_video { width:700px; }
.avs_video_header{ height:25px; margin:10px 0px; color:#777;}
.avs_category_label{ margin:10px 0px; float:left; }
.avs_views_label{ margin:10px 0px; float:left; margin-left:15px; }
.avs_input_search{ float:right; }
.avs_input_search input{ padding:2px 4px; }
.avs_videopage_left{ float:left; }
.avs_videopage_right{ background-color:#E7E7E7; padding:10px; border-left:1px solid #CCC; margin-top:10px; float:right; }
.avs_videopage_left h2, .avs_videopage_right h2{ padding:0px; margin:10px 0px; }
.avs_related_row0, .avs_related_row1{ padding:7px; width:210px; height:60px; cursor:pointer; }
.avs_related_row0{ background-color:#F0F0F0; }
.avs_related_row1{ background-color:#F9F9F9; }
.avs_related_row0 a, .avs_related_row1 a{ text-decoration:none; cursor:pointer; }
.avs_related_row0 img, .avs_related_row1 img{ float:left; }
.avs_related_row0 span, .avs_related_row1 span{ float:left; display:block; font-size:11px; color:#444; margin-left:10px; }
.avs_related_row0 label, .avs_related_row1 label{ display:block; line-height:17px; }
#whitebox div .avsmore{ clear:both; text-align:center; margin-top:10px; }
#whitebox div .avsmore a{ font-size:11px; font-weight:bold; text-decoration:none; background-color:#FFF; padding:3px 5px; }
/* CSS Styles for User Page */
dl.tabs{ float: left; margin: 10px 0 -1px 0; z-index: 50; }
dl.tabs dt{ float: left; padding: 4px 10px; border-left: 1px solid #BFD654; border-right: 1px solid #ccc; border-top: 1px solid #ccc; margin-left: 3px; background: #f0f0f0; color: #666; }
dl.tabs dt.open{ background: #F9F9F9; border-bottom: 1px solid #F9F9F9; z-index: 100; color: #000; }
div.current{ clear: both; border: 1px solid #ccc; padding: 10px 10px; }
div.current dd{ padding: 0; margin: 0; }
.avs_user table tr, .avs_user table th, .avs_user table td { border:none; padding:7px 10px; }
.avs_user table th{ background-color:#E7E7E7; border-bottom:1px solid #CCC; }
.avs_user table tr.row0{ background-color:#F9F9F9; }
.avs_user table tr.row1{ background-color:#F0F0F0; }
.avs_user form{ color:#444; overflow:hidden; }
.avs_user form table tr, .avs_user form table th, .avs_user form table td{ font-size:11px; color:#444; padding:2px; }
.avskey{ font-weight:bold; padding-right:10px; }
.avs_user form textarea{ color:#444; }
.avs_user form input, .avs_user form select{ padding:3px; float:none; color:#444; }
.avs_user form a:hover{ text-decoration:none; }
#avs_gallery .avs_thumb{ background-color:#FFFFFF; border:1px solid #BFD654; padding:0px; float:left; margin:7px; }
#avs_gallery .avs_thumb a{ text-decoration:none; }
#avs_gallery .avs_thumb .image{ display:block; }
#avs_gallery .avs_thumb .arrow{ position:absolute; width:29px; height:26px; margin-left:59px; margin-top:28px; opacity:0.5; }
#avs_gallery .avs_thumb .name{ margin:5px 0px 0px 0px; padding:0px; display:block; font-family:Arial; font-size:11px; color:#777; font-weight:bold; }
#avs_gallery .avs_thumb .title{ margin:5px 0px 0px 0px; padding:0px; display:block; font-family:Arial; font-size:12px; color:#444; font-weight:bold; }
#avs_gallery .avs_thumb .views{ margin:0px; padding:0px; display:block; font-family:Arial; font-size:11px; color:#777; }
/* CSS Styles for Pagination */
#whitebox div #avs_pagination{ margin-top:15px; text-align:center; }
#avs_pagination .pagination span, #avs_pagination .pagination a, #avs_pagination ul li{ margin:0px 2px; padding:3px 7px; background-color:#eee; border:1px solid #ddd; text-align:center; font-size:12px; }
#avs_pagination ul{ list-style-type:none; }
#avs_pagination ul li{ float:left; margin-left:5px; }
/* CSS Styles for Video Page */
#avs_video { width:700px; }
.avs_video_header{ height:25px; margin:10px 0px; color:#777;}
.avs_category_label{ margin:10px 0px; float:left; }
.avs_views_label{ margin:10px 0px; float:left; margin-left:15px; }
.avs_input_search{ float:right; }
.avs_input_search input{ padding:2px 4px; }
.avs_videopage_left{ float:left; }
.avs_videopage_right{ background-color:#E7E7E7; padding:10px; border-left:1px solid #CCC; margin-top:10px; float:right; }
.avs_videopage_left h2, .avs_videopage_right h2{ padding:0px; margin:10px 0px; }
.avs_related_row0, .avs_related_row1{ padding:7px; width:210px; height:60px; cursor:pointer; }
.avs_related_row0{ background-color:#F0F0F0; }
.avs_related_row1{ background-color:#F9F9F9; }
.avs_related_row0 a, .avs_related_row1 a{ text-decoration:none; cursor:pointer; }
.avs_related_row0 img, .avs_related_row1 img{ float:left; }
.avs_related_row0 span, .avs_related_row1 span{ float:left; display:block; font-size:11px; color:#444; margin-left:10px; }
.avs_related_row0 label, .avs_related_row1 label{ display:block; line-height:17px; }
#whitebox div .avsmore{ clear:both; text-align:center; margin-top:10px; }
#whitebox div .avsmore a{ font-size:11px; font-weight:bold; text-decoration:none; background-color:#FFF; padding:3px 5px; }
/* CSS Styles for User Page */
dl.tabs{ float: left; margin: 10px 0 -1px 0; z-index: 50; }
dl.tabs dt{ float: left; padding: 4px 10px; border-left: 1px solid #BFD654; border-right: 1px solid #ccc; border-top: 1px solid #ccc; margin-left: 3px; background: #f0f0f0; color: #666; }
dl.tabs dt.open{ background: #F9F9F9; border-bottom: 1px solid #F9F9F9; z-index: 100; color: #000; }
div.current{ clear: both; border: 1px solid #ccc; padding: 10px 10px; }
div.current dd{ padding: 0; margin: 0; }
.avs_user table tr, .avs_user table th, .avs_user table td { border:none; padding:7px 10px; }
.avs_user table th{ background-color:#E7E7E7; border-bottom:1px solid #CCC; }
.avs_user table tr.row0{ background-color:#F9F9F9; }
.avs_user table tr.row1{ background-color:#F0F0F0; }
.avs_user form{ color:#444; overflow:hidden; }
.avs_user form table tr, .avs_user form table th, .avs_user form table td{ font-size:11px; color:#444; padding:2px; }
.avskey{ font-weight:bold; padding-right:10px; }
.avs_user form textarea{ color:#444; }
.avs_user form input, .avs_user form select{ padding:3px; float:none; color:#444; }
.avs_user form a:hover{ text-decoration:none; }
By the way the pagination works a bit strange:
- only a linked text "more" is visible (no page "1" "2" nor first/prev/next/last)
- nothing happens when clicking on the text "more"
- there is a 1 column / 3 row gallery with 4 video but only the first page (3 thumbs) is reachable
One more thing:
If I click any of the thumbs then it disappears from the thumbs list (gallery).
It may be a logical movement but as being as a possible confusing thing I suggest to make it optional.
12 years 2 months ago
#24
Please Log in or Create an account to join the conversation.
- Administrator
-
- Offline
- Administrator
-
- Posts: 2478
- Thank you received: 1451
Replied by Administrator on topic Re: AllVideoShareGallery Plugin
Dear Palos,
We are sorry that the Pagination is available only for Component View and instead Module Galleries are limited with a More button. Since, you are using the Module's Gallery, then you have to configure the Rows and Columns count in the Module settings itself. I think you are confusing both the component and module.
I would like to check your gallery page, since you have said that More button is not working. Kindly send me your Gallery Page URL.
Also, We will be happy take your final point(suggestion) into our discussion.
Best Regards,
Vinoth Kumar
We are sorry that the Pagination is available only for Component View and instead Module Galleries are limited with a More button. Since, you are using the Module's Gallery, then you have to configure the Rows and Columns count in the Module settings itself. I think you are confusing both the component and module.
I would like to check your gallery page, since you have said that More button is not working. Kindly send me your Gallery Page URL.
Also, We will be happy take your final point(suggestion) into our discussion.
Best Regards,
Vinoth Kumar
12 years 2 months ago
#25
Please Log in or Create an account to join the conversation.
Time to create page: 0.196 seconds