Products

Evoq Content Overview Content Creation Workflow Asset Management Mobile Responsive Personalization Content Analytics SEO Integrations Security Website PerformanceEvoq Engage Overview Community Management  Dashboard  Analytics  Member Profile Gamification Advocate Marketing Community Engagement  Ideas  Answers  Discussions  Groups  Wikis  Events Mobile ReadyDNN Support PackagesEvoq: CMS FeaturesEvoq OnDemandCompare DNN's CMS Products

Solutions

Content Management SystemMulti-Channel PublishingDigital MarketingOnline Community ManagementIntranet Software SolutionOur CustomersPrime

Resources

Test DrivesSchedule A DemoDocumentation CenterWebinarsWhite PapersProduct ManualsRequest PricingData SheetsCase StudiesEvoq Preferred Products Content Management Ecommerce Forms Identity Management and Authentication Site Management Social Themes

Partners

DNN Partners Partner Directory Become a DNN Partner Partner Program Overview  Hosting  Implementation  ISV  Training  Competencies

Community

Participate Ask a Question Forums Community Showcase DNN MVP  Program Overview  Lifetime MVPs  Honorary MVPs Subscribe to DNN Digest Advisory Groups  Awareness Advisory Group  Developer Advisory Group  Partner Advisory Group  Technology Advisory GroupLearn Documentation Wiki Community Blog Video Library Project History Development RoadmapDownload DNN Store Language Packs Manuals Nightly BuildsSecurity Policies Security Center

Blog

About

News Press Releases News Coverage Press KitCareersContact DNN

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen
HomeHomeUsing DNN Platf...Using DNN Platf...Using Modules a...Using Modules a...Document Viewer Issue using Bootstrap 3Document Viewer Issue using Bootstrap 3
Previous
 
Next
New Post
12/17/2014 3:08 PM
 
Alan Murray


Joined: 8/21/2014
Posts: 24

I am using a skin that was designed based on Bootstrap 3 (latest version).  When I add the document viewer module to a page the Document Viewer isn't displaying correctly.  I checked with DNN and they say that DNN and the Document Viewer module haven't been updated for Bootstrap 3 so the support from them ends pretty much there so I am hoping someone else can help with the issue.  The company I purchased the skin from isn't able to test the Document Viewer module as they only use the Platform Version of DNN and the Document Viewer isn't available with that version.

 During my testing of the issue I compared the Document Viewer Computed CSS using both my BS 3 skin and the Gravity skin (uses version 2.3 of Bootstrap).  When using Firefox's debugger I found out that the BS 3 skin was applying a CSS property of "Box-sizing: border-box" coming from line 8 of bootstrap.css, but the Gravity skin wasn't.  If I removed this in the debugger the Document Viewer module appeared correctly.

Anyone know of a way to fix this. Image below (if my pasting worked), notice the breadcrumb is cutoff and the large blank to left of file names.
 
New Post
8/25/2015 9:35 AM
 
Stacey Wathen


Joined: 10/6/2006
Posts: 2

Alan,

I too am experiencing this same issue with my bootstrap 3 skin and document viewer. Were you able to find a resolution?

 Thanks, Stacey

 
New Post
8/26/2015 8:26 AM
 
Sanjay Mehrotra


Joined: 7/11/2013
Posts: 2
Stacy/Alan,

Let me get back to you on this. I work for DNN Corp too and we should be able to get you some type of work around for the digital assets manager issue you are experiencing. 

 
 
New Post
8/26/2015 9:23 AM
 
Alan Murray


Joined: 8/21/2014
Posts: 24
Yes, it took a bit of tracing, experimenting and testing however I did figure out a fix for this issue. It had to do with the name of an element.

In your skin's bootstrap.css file is a line that needs to be changed. In mine it was line 10 from the top -including the comments in the count (not sure if it is the same line number in all of them). It is a long line so easy to find.

The Original line was;

#ControlBar,#ControlBar *,.dnnMemberDirectory,.dnnMemberDirectory *,.dnn_mact > li.actionMenuMove > ul li,.dnnDocumentViewerSettingsScopeWrapper *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}

Change this line to the following;

#ControlBar,#ControlBar *,.dnnMemberDirectory,.dnnMemberDirectory *,.dnn_mact > li.actionMenuMove > ul li,.DnnModule-DotNetNukeProfessionalDocumentViewer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}

To make it easier to decipher, essentially all you are changing in the line is replacing "dnnDocumentViewerSettingsScopeWrapper" with "dnnModule-DotNetNukeProfessionalDocumentViewer"

Hope this helps for you as well.
 
New Post
8/26/2015 10:24 AM
 
Stacey Wathen


Joined: 10/6/2006
Posts: 2
Thanks Alan :) for your prompt response, after some digging I found out it was not my skin causing the issue. Instead I modified the document viewers module css as follows:

#dnnDocumentViewerSelectionToolbar {
min-height: 40px;
. . .

Min-height was set to 20px I just increased it to 40px and it seemed to resolve the issue. Hope this will help others facing this issue.

Thanks,
Stacey
 
 Page 1 of 1
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Using Modules a...Using Modules a...Document Viewer Issue using Bootstrap 3Document Viewer Issue using Bootstrap 3


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out