Removing borders on tables?

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
6/10/2013 2:54:30 PM
Gravatar
Total Posts 17

Removing borders on tables?

I am trying to remove the borders around the tables where "File Name", "Size(KB)", "Modified", "Uploaded By", etc. appear.

I noticed that all of the skins have the tables set with 1px borders.

I'm an advanced CSS user, but have never seen a framework like this before where you can't just access the CSS file and change border setting from say 1px to 0px.

Any advice is greatly appreciated...I'm 3 days into this now, just trying to remove the stupid borders. Ha.

 

6/11/2013 12:22:05 PM
Gravatar
Total Posts 18439

Re: Removing borders on tables?

You can edit any of the css you want with a text editor

Skin files including css files are located under /Data/Sites/[SiteID]/skins/[skinname]

where SiteID is usually 1 and skinname corresponds to the skin name in the dropdown for skins under Administration > Site Settings.

CSS files are combined in the order that they are listed within style.config file (also in the skin folder).

After editing any css, you need to go to Administration > Advanced Tools > Design Tools > Cache Tool and click the button to reset the skin guid, this will force the web browser to reload the updated css instead of using its cached copy.

And of course use browser dev tools to inspect elements to find what css selectors and rules are affecting it

Hope that helps,

Joe

6/12/2013 8:47:14 AM
Gravatar
Total Posts 17

Re: Removing borders on tables?

Thank for the response Joe. I've tried editing those CSS files already, but I'll work with it some more.

One other question...

I noticed in other forum posts that you needed to clear the cache to see any updates to the site. However, I do not see this option (Design Tools > Cache Tool) under my advanced tools. All I have are the following:

Administration Menu > Advanced Tools
Advanced Tools

    Url Manager
    301 Redirect Manager - For Pages That Have Changed Urls
    Banned IP Addresses
    Feature Installation/Configuration
    Web Part Installation

6/12/2013 9:17:55 AM
Gravatar
Total Posts 18439

Re: Removing borders on tables?

Sounds like you are using a very old version of mojoPortal. What version does it say under Administration > System Information?

6/12/2013 9:21:26 AM
Gravatar
Total Posts 17

Re: Removing borders on tables?

mojoPortal Version 2.3.1.7 MSSQL

6/12/2013 11:00:17 AM
Gravatar
Total Posts 2239

Re: Removing borders on tables?

Hi,

If at all possible, you should upgrade. 2.3.1.7 is a very old version (September 2009). If you can't upgrade then you need to do the following to see your CSS changes:

  1. Set the following in your user.config file and restart the application (open web.config, add a space at the bottom and save).
    <add key="CacheCssOnServer" value="false"/>
    <add key="CacheCssInBrowser" value="false"/>
  2. After making all of your changes, copy your skin to a new folder (YourSkinName_v2 for example) and set the site to use the new skin.
  3. Finally, change the keys from step one to true and restart the application.

HTH,
Joe D.

6/12/2013 11:02:39 AM
Gravatar
Total Posts 2239

Re: Removing borders on tables?

Sorry, I should add that step 2 is needed to force browsers to download the skin again. Without doing this, browsers could be using a cached copy of the skin files (css, images, etc…). The "Reset Skin Version GUID" feature in newer versions of mojo appends a guid to the url for the CSSHandler so that takes the place of renaming the skin.

Thanks,
Joe D.

6/12/2013 2:44:21 PM
Gravatar
Total Posts 17

Re: Removing borders on tables?

Joe,

Thanks for the help modifying the files so that I can instantly see CSS changes. That's working now.

However, still having no luck removing the borders around the content tables. I've literally gone through each instance of border settings in all of the CSS files, changing each one and reloading the page...

Do you know off hand which file outputs page data? For example, we have a lot of forms our clients download, when I add a form, it shows in a table with the "File Name", "Size(KB)", "Modified", "Uploaded By", etc info.

I'd like to get rid of all of that (in addition to the borders)...but just need to know which file(s) output page content.

Thanks again.

6/12/2013 2:54:01 PM
Gravatar
Total Posts 2239

Re: Removing borders on tables?

Hi,

It sounds to me like you're using the Shared Files feature. I do not recommend changing the files responsible for the markup rendered to the browsers because you'll lose your changes when you upgrade and you may also inadvertently break something else.

If you share a link to the site, I can help you with the necessary CSS to hide the borders and columns you do not want. You can also change the settings on the module to not show some of those columns.

HTH,
Joe D.

6/12/2013 3:06:59 PM
Gravatar
Total Posts 17

Re: Removing borders on tables?

Joe,

The site is http://www.ntsbdc.info

However, I don't think you'll be able to see anything since it's a secure employee portal.

I tell you what, I'm gonna go ahead and create a username for you so that you can log in and see what I'm talking about.

login with email "joemojo@someemail.com" pass - "joemojo"

Once you log in you'll be redirected to a page which has a table on it with the stuff I would like to remove.

6/12/2013 3:33:41 PM
Gravatar
Total Posts 2239

Re: Removing borders on tables?

Hi,

Click the settings link next to that instance of Shared Files. On the settings page, you will options for showing the different columns. You can uncheck any of these that you do not want to show.

To remove the borders, add the following to your CSS:

.FileManager_table table td { border: 0; }

To remove the table header row, add the following to your CSS:

.FileManager_table table tr:first-child { display: none; }

Once you upgrade, you can go even further and the following to your theme.skin file (located in your skin directory) which will apply to all of the Shared File instances on your site:

<%@ Register Namespace="mojoPortal.Web.SharedFilesUI" Assembly="mojoPortal.Features.UI" TagPrefix="sf" %>

<sf:SharedFilesDisplaySettings runat="server"
      HideDescription="true"
      HideSize="true"
      HideDownloadCount="true"
      HideModified="true"
      HideUploadedBy="true"
      HideFirstColumnIfNotEditable="true"
/>

Again, I highly suggest you upgrade. The version you are running is very old and possibly has security vulnerabilities.

HTH,
Joe D.

6/12/2013 3:46:46 PM
Gravatar
Total Posts 17

Re: Removing borders on tables?

Joe,

THANKS!! That's perfect. Got rid of the borders.

Once last thing and I'll be out of your hair.

I tried clicking on the settings link (little gears icon) on top of the table, which took me to the "Feature Instance Settings" page, but I don't see anywhere to modify the columns.

These are the three tabs I have on the Feature Instance Settings page:

Shared File Settings

          Keep File History?:  (checkbox)

General
          Feature: Shared Files
          Feature Instance Title:
          Show Title?
          Hide From Authenticated Users?
          Hide From Anonymous Users?
          Available For MyPage?
          Allow Multiple Instances On MyPage?
          Icon:

Security

         (About 20 checkboxes)

6/12/2013 3:55:45 PM
Gravatar
Total Posts 2239

Re: Removing borders on tables?

Looks like another reason to upgrade. Apparently those options weren't available in 2.3.1.7.

Thanks,
Joe D.

6/12/2013 5:02:26 PM
Gravatar
Total Posts 18439

Re: Removing borders on tables?

Hi,

While I agree with Joe D that upgrading would be great. I would caution that it depends on the history of the site. Did a previous developer build custom features or modify the mojoPortal source code? If you're sure the answer is no then I would go for the upgrade but of course backup the site files and the database first so you can restore it exactly as it was if something goes wrong. As long as it is a standard deployment of mojoPortal the upgrade system should be pretty smooth.

You would also want to review all the release announcement blog posts between your current version and the latest to know what changes to expect as well as the Important Skin Changes article. Also note that we dropped support for sql 2000 as of version 2.3.4.8 so unless your database is sql 2005 with all service paks or higher then you will not be able to upgrade.

So upgrading a site that old requires a bit of caution and information.

Best,

Joe

6/13/2013 2:02:17 AM
Gravatar
Total Posts 17

Re: Removing borders on tables?

Thanks guys for all your help.

I recently took over the Web Developer position here, so I am unsure as to what changes, if any, the previous developer did to the site.

I think I'll stay away from upgrading.

So, no other recommendations for removing the column data?

I guess I'll just have to hunt through the files until I find the output code that displays it.

6/13/2013 10:53:54 AM
Gravatar
Total Posts 18439

Re: Removing borders on tables?

I generally don't recommend anyone to modify any mojoPortal files. But if you're not going to upgrade and you want to try to modify your current copy, the file to modify in this case is /SharedFiles/SharedFilesModule.ascx

​You "may" be able to remove some things without causing errors though you definitely could break it if you remove things it expects to be there. Be sure to backup the file before making any attempt.

Hope that helps,

Joe

6/13/2013 12:49:14 PM
Gravatar
Total Posts 17

Re: Removing borders on tables?

Got it all fixed.

Great support guys, thanks so much.

You must sign in to post in the forums. This thread is closed to new posts.