Joomla Templates Club 406,261 posts

[angie00 Friend angie00Join date: November 2011Posts: 294Downloads:0Uploads:80 Thanked: 10 times in 1 posts]

#200620

We are using DocMan as our document manager and the page styling wasn’t showing correctly. Here is what their response was:

<blockquote>”This is a problem with the template you are using. The template doesn’t seem to be providing styling for the Joomla pagination.

DOCman doesn’t provide default template styles out of the box and relies fully on your template. This is done to ensure that DOCman can blend in correctly with your template look and feel.

To solve this please contact your template designer/developer. They should be able to help you with this issue.”</blockquote>

I’ve never known Joomlart not to do Page Styling so could you please advise us on what to do? You can see a sample here: http://goo.gl/HdSVkd

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#546417

Here are some great resources for understanding and applying pagination styling . . . .

http://cssdeck.com/labs/css-pagination-styles

http://brajeshwar.github.io/paginate/

http://www.designrazzi.net/45-free-css3-jquery-pagination-plugins.html

http://designshack.net/articles/css/building-a-custom-css3-pagination-user-interface/

http://foundation.zurb.com/docs/components/pagination.html

http://www.dreamtemplate.com/dreamcodes/documentation/pagination.html

[angie00 Friend angie00Join date: November 2011Posts: 294Downloads:0Uploads:80 Thanked: 10 times in 1 posts]

#546420

Ok, so just curious, nothing was applied on this template because it looks like on some of the template areas it shows up fine. So we are kinda confused why it’s not showing…(See here for a sample of it styled: http://goo.gl/zJMq2v)

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#546432

<em>@angie00 441869 wrote:</em><blockquote>Ok, so just curious, nothing was applied on this template because it looks like on some of the template areas it shows up fine. So we are kinda confused why it’s not showing…(See here for a sample of it styled: http://goo.gl/zJMq2v)</blockquote>

It likely has to do with a styling conflict with the Docman component extension . . . and you are likely going to need to style the pagination within the Docman css files.

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#546497

@angie00,

In this case, you need to set default template to default template of Joomla (beez3) then check your site again.

– If the Docman works, pls get back to me with URL, Admin and FTP credential of your site so that I can check your problem.

– If the Docman still not works, you have to contact with provider of Docman extension again, because this error comes from their product.

[angie00 Friend angie00Join date: November 2011Posts: 294Downloads:0Uploads:80 Thanked: 10 times in 1 posts]

#548581

@nazario A Sorry for the delay. Yes Beez 3 pagination works fine with Doc Man. I will PM you the info. Thanks!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#548683

<em>@angie00 444612 wrote:</em><blockquote>@Nazario A Sorry for the delay. Yes Beez 3 pagination works fine with Doc Man. I will PM you the info. Thanks!</blockquote>

I just added the customize css style to work Doc Man with the solution below

Open templates/ja_sugite/css/custom.css file and add new rule


.com_docman .pagination {
margin: 18px 0;
}
.com_docman .pagination ul {
display: inline-block;
*display: inline;
*zoom: 1;
margin-left: 0;
margin-bottom: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.com_docman .pagination ul > li {
display: inline;
}
.com_docman .pagination ul > li > a,
.com_docman .pagination ul > li > span {
float: left;
padding: 4px 12px;
line-height: 18px;
text-decoration: none;
background-color: #fff
border: 1px solid #ddd
border-left-width: 0;
}
.com_docman .pagination ul > li > a:hover,
.com_docman .pagination ul > li > a:focus,
.com_docman .pagination ul > .active > a,
.com_docman .pagination ul > .active > span {
background-color: #f5f5f5
}
.com_docman .pagination ul > .active > a,
.com_docman .pagination ul > .active > span {
color: #999
cursor: default;
}
.com_docman .pagination ul > .disabled > span,
.com_docman .pagination ul > .disabled > a,
.com_docman .pagination ul > .disabled > a:hover,
.com_docman .pagination ul > .disabled > a:focus {
color: #999
background-color: transparent;
cursor: default;
}
.com_docman .pagination ul > li:first-child > a,
.com_docman .pagination ul > li:first-child > span {
border-left-width: 1px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.com_docman .pagination ul > li:last-child > a,
.com_docman .pagination ul > li:last-child > span {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
.com_docman .pagination-centered {
text-align: center;
}
.com_docman .pagination-right {
text-align: right;
}
.com_docman .pagination-large ul > li > a,
.com_docman .pagination-large ul > li > span {
padding: 11px 19px;
font-size: 16.25px;
}
.com_docman .pagination-large ul > li:first-child > a,
.com_docman .pagination-large ul > li:first-child > span {
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
}
.com_docman .pagination-large ul > li:last-child > a,
.com_docman .pagination-large ul > li:last-child > span {
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
}
.com_docman .pagination-mini ul > li:first-child > a,
.com_docman .pagination-mini ul > li:first-child > span,
.com_docman .pagination-small ul > li:first-child > a,
.com_docman .pagination-small ul > li:first-child > span {
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.com_docman .pagination-mini ul > li:last-child > a,
.com_docman .pagination-mini ul > li:last-child > span,
.com_docman .pagination-small ul > li:last-child > a,
.com_docman .pagination-small ul > li:last-child > span {
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
}
.com_docman .pagination-small ul > li > a,
.com_docman .pagination-small ul > li > span {
padding: 2px 10px;
font-size: 12px;
}
.com_docman .pagination-mini ul > li > a,
.com_docman .pagination-mini ul > li > span {
padding: 0 6px;
font-size: 9.75px;
}


You can check the pagination in this page: http://goo.gl/HdSVkd again, let me know if it helps

1 user says Thank You to Ninja Lead for this useful post

1. angie00

[Author]

Posts