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...Skins, Themes, ...Skins, Themes, ...Need page to display at 1280px wide (max)Need page to display at 1280px wide (max)
Previous
 
Next
New Post
12/27/2016 10:44 AM
 

I've created a module for our in house community channel and I need it to display at 1280px maximum. There is currently a table that contains most everything on the page that is 1903px wide. Anyway around this

 
New Post
12/27/2016 10:54 AM
 
There is going to be multiple ways to solve your issue...

You might take a look at DataTables.net. It's an open source solution that has some nice responsive capabilities that can be wired up fairly easily if you are comfortable with javascript.

I like DataTables.net because you get lots of bonus features you can introduce as well. Searching, sorting, printing etc..

Another option would be to use a few media queries to hide certain columns for smaller devices. If your case scenario allows for hiding a few columns to render well without massive loss of functionality then this might be a good route.
 
New Post
12/27/2016 4:01 PM
 

Thanks DNNMonster,

I will check it out.

 
New Post
1/1/2017 7:25 PM
 
The easiest option would be a table with style "width=100%;" inside a DIV with style "max-width=1280px;"

Cheers from Germany,
Sebastian Leupold (Microsoft MVP)

dnnWerk - The DotNetNuke Experts   German Spoken DotNetNuke User Group

Speed up your DNN Websites with TurboDNN
 
New Post
1/4/2017 10:45 AM
 

Thank you for the replies,

I ended up increasing the width to the highest resolution our digital signage unit outputs. I also added the following to the module.css to remove the controls at the top of the page:

html {
    max-width: 1920px;
}

body #Form.showControlBar { margin-top: 0px !important; }

#ControlBar { display:none; }

div.#ControlBar_ControlPanel { height: 0px !important;}

body.dnnEditState #Form.showControlBar { margin-top: 53px !important; }

body.dnnEditState form #ControlBar { display:block; }

body.dnnEditState form div.#ControlBar_ControlPanel { width: 1920px !important; }

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Need page to display at 1280px wide (max)Need page to display at 1280px wide (max)


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.

Copyright 2017 by DNN Corp Terms of Use Privacy
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out