Categories

Entries for the 'HTML and CSS' Category

Displaying Slack Channels in SharePoint
Jordan Harris

Displaying Slack Channels in SharePoint

DMC recently updated our SharePoint intranet site to SharePoint 2016, and with that upgrade, we decided to do a refresh of the UI.  We concentrated on adding interesting and useful items to the homepage. One of those pieces of content was a display of our office-specific Slack channels.  This blog explores what I had to learn and do in order to implement a Slack display inside a SharePoint web part page. Getting ready in Slack My first step was to learn how to communica...

Continue reading →


6 Easy Steps to Get Started with MVC Module Development in DNN 8
August Karlstedt

6 Easy Steps to Get Started with MVC Module Development in DNN 8

In the beginning of the year, DNN (formerly DotNetNuke) was updated to support MVC modules. MVC is the latest version of ASP.NET in which the Model-View-Controller paradigm is at the core. This article won't be a look into what MVC is or a comparison with WebForms, but instead will give a quick guide into starting DNN MVC module development. While there are some guides available that give you similar information, I found it a bit difficult to get started developing MVC modules i...

Continue reading →


Deluxe Drink System
Frank May

Deluxe Drink System

For one of our office parties, DMC's Boston office made an automatic bartender by utilizing industrial automation equipment. Before we disassembled it, we made a '90s style infomercial. The blog linked above has much more detail on how we built the automatic bartender, but here's a short list of some of the tech used: Siemens S7-1500 PLC Siemens S7-1200 PLC configured using I-Device Siemens KP8 key panel Philips Hue lightbulbs And of course, here is our infomercia...

Continue reading →


Automating Web Development - Tools
August Karlstedt

Automating Web Development - Tools

I’ve been working on a new DNN skin for a while now and much progress is being made. Along the way, I’ve learned about tools that can help speed up website development drastically. In this blog post, I’ll give an overview of these tools and how to use them by themselves and together to harness the power of automation and simplify development tasks. Tools Ruby Sass (or Less) Node.js npm Bower Grunt or gulp Ruby We won’t be using Ruby as a program...

Continue reading →


Highlighting Required Nintex Fields Dynamically
Jack Cosgrove

Highlighting Required Nintex Fields Dynamically

Nintex offers a great platform with which to customize SharePoint forms. Although the capabilities of Nintex are great, not everything can be done out of the box. I needed to highlight Nintex Forms 2013 controls that were required but had not yet been assigned a value. I was able to accomplish this with some custom JavaScript that used the Nintex version of jQuery. The HTML input types supported by the following JavaScript are text, radio, and checkbox. When a text input is empty, a red bound...

Continue reading →


HOW TO: Install WordPress on an IIS Server
August Karlstedt

HOW TO: Install WordPress on an IIS Server

For FedEx Day I set up WordPress on an IIS (Internet Information Services) server to test the capabilities compared to Dot Net Nuke (DNN), extensibility through plugins and the difficulty of writing my own, and the SEO-oriented design that it offers. There were a few quirks while installing on IIS, so I've written a quick tutorial for anyone wanting to get started. This tutorial assumes you've already set up a MySQL server. The installation was quick and easy to follow along with: ...

Continue reading →


Siemens S7-1200 Web server Tutorial - From Getting started to HTML5 User Defined Pages
Tim Jager

Siemens S7-1200 Web server Tutorial - From Getting started to HTML5 User Defined Pages

This is a brief tutorial on getting started with the Siemens embedded web-server in the S7-1200 and S7-1500.  Using the concepts explained below, you can create a simple web-page, or a fully featured HTML5 web-app.      Getting Started Step 1.  Turn on the web-server.  To do this, navigate to the Web-server menu in the device configuration page and check the box to enable the web-server.   Step 2: Download your project to your PLC and bro...

Continue reading →


Ping Pong Web Application
Otto Gottlieb

Ping Pong Web Application

In the past year, ping pong has become a major activity for DMC employees. Starting with the purchase of a ping pong table, it has evolved from an informal game that served as a short break from work to an organized competition. In the fall of 2012, players created a ladder tournament to keep track of everybody’s ranks. With their eyes set on the top stop, challenge matches ensued and the competition became heated. The ranks were kept using pieces of paper pinned to cork board near the ...

Continue reading →


DMC Relaunches Website
Jessica Mlinaric

DMC Relaunches Website

As DMC's Marketing Coordinator, I'm proud to announce the relaunch of DMC's website. The enhanced website contains a host of new and improved features that better reflect the needs and experience of our visitors. Aiming for a more navigable and aesthetically pleasing user experience, we've employed a Metro-style (think Windows 8) layout throughout the site. Our new video library provides quick and compelling information on everything from DMC customer projects to company outin...

Continue reading →


March Programming Madness - Let the Nerdament Begin
Danny Budzinski

March Programming Madness - Let the Nerdament Begin

With the first few rounds of the tournament in the books, I figured it was time to dive into the first round of our programming language tournament (or Nerdament as I like to call it.) For a run-down of the competitors, you can check out the opening bracket or you can also review some of the snubs. Once you are caught up, I hope that you are as excited for some fast-paced compiler vs. IDE action as I am. Our first matchup features the highly favored C# .Net taking on lowly, olde-timey confere...

Continue reading →


The DMC vCard & MeCARD QR Code Generator (i.e. Business Cards for Geeks)
Tim Jager

The DMC vCard & MeCARD QR Code Generator (i.e. Business Cards for Geeks)

We are all getting new business cards at DMC, so we thought it would be fun to put QR codes on them to make it easier for our smartphone enabled customers to scan our info and add us to their contact database. Thanks to Google it's pretty easy to make your own QR codes using their QR chart API . The only issue is that you have to properly format the data before sending it to google, especially if you want to all of your contact info in the proper vCard or MeCARD format. A little jav...

Continue reading →


IE Tab for Google Chrome
Eric Anderson

IE Tab for Google Chrome

I liked Firefox. It had tabbed browsing before Internet Explorer (IE) and seemed lighter and faster. The plug-ins were also a great feature, especially IE Tab, which ran IE from within Firefox. It was very easy to change the rendering engine and you could assign certain web sites to automatically switch to use IE. Certain web sites use non-standard features of IE and will not look right or be usable on other browsers. This is especially true of Microsoft SharePoint, which uses ActiveX control...

Continue reading →


DMC's Blog Now Features a Nifty Code Syntax Highlighter
Tim Jager

DMC's Blog Now Features a Nifty Code Syntax Highlighter

Check out the nifty new code syntax highlighter we've added to the blog.  This will make it much easier for us to post code snippets. Here's a sample c# function that is automatically formatted. Also note the handy tools on the upper right corner of the code box. Just hover your mouse over the upper right corner and you can view, copy, or print the code.  using System; namespace MyNameSpace { class HelloWorld { static void Main(string[] args) ...

Continue reading →


CSS and How to Center Images of Unknown Size
Matt Puskala

CSS and How to Center Images of Unknown Size

When DMC launched our new website a few months ago, we were quite happy with some of the new skills and tricks we learned. One area where I learned quite a bit more, in particular, was CSS, or Cascading Style Sheets, and html style tags. One issue we had to overcome involved centering images of varying or unknown size. We use a content rotator module on our website. There are numerous content rotator modules available for Dot Net Nuke. The content rotator we used comes from a company called ...

Continue reading →


Capture the Browser Back Button - JavaScript Snippets
Danny Budzinski

Capture the Browser Back Button - JavaScript Snippets

It’s a common problem: “I have an ASP .Net data entry form and all of my users are mad at me because they closed their browser and they lost their unsaved data!” If I had a dollar for every time I had to re-enter my shipping address because I used my back button when the site creator didn’t want me to… well I’d have enough dollars to make the mistake a few more times, probably buying robot parts on SparkFun . Amazingly though, adding JavaScript code to ...

Continue reading →


Using the JavaScript 'window.onbeforeunload' Event
Danny Budzinski

Using the JavaScript 'window.onbeforeunload' Event

SyntaxHighlighter.all(); When creating data entry forms in ASP .NET, the JavaScript onbeforeonload event can add a huge improvement to the end user experience. This nifty little event is fired before a page is unloaded (duh) and will keep users from navigating off of a page (and even from closing their browser) when they have unsaved changes on a data entry form. The onbeforeunload event behaves a bit oddly for an event. Basically in your event handler function, if you return anything, the e...

Continue reading →


Forcing IE8 Compatibility Mode in Dot Net Nuke
Matt Puskala

Forcing IE8 Compatibility Mode in Dot Net Nuke

SyntaxHighlighter.all(); Microsoft has just released Internet Explorer 8. Unfortunately, some of the pages on our website have some issues when viewed with IE8's default settings. In particular, the styling that we've done on our main page's tab control is causing issues. Users can fix these issues on the client side by selecting compatibility mode (the button to the right of the URL field shown below). Of course, a client side fix is never a user friendly fix. Thankfully the...

Continue reading →


DMC Launches New Website
Matt Puskala

DMC Launches New Website

We've launched our new and improved website. We implemented our website in-house, so we have full control, allowing us to edit and add new content going forward. We decided to go with a CMS to make this easier. ASP.NET based Dot Net Nuke (DNN) was an obvious choice for us. Implementing the new website required efforts in many disciplines: graphic design and image editing, ASP.NET, CSS, html, marketing and writing. Needless to say, we've picked up a few new tricks along the way. Over t...

Continue reading →


Categories