Thursday, April 6, 2017

Markdown Syntax makes web page more readable, editable

HTML markup is well known and Markdown Syntax is a construct to make a web page readable.  Markdown syntax is used to make it possible to write to the web using simple text.  It is a text-to-HTML tool for web authors. No need to type those angle brackets(< and >).

Markdown syntax is very small and not extensive like that of HTML. It is not used to replace HTML but to make it easy to read/write/edit prose in a web page. Markdown does not need special editors.

Since Markdown consists of few constructs if you need beyond them you can use HTML. One of the special constraints in using Markdown is in the case of block level elements such as 'table', 'pre', 'p' etc. In this case for using Markdown just surround block-level elements with blank lines and Markdown syntax takes care of the rest.

Learn more about Markdown syntax here. While you are there click on the tab Dingus tool (written in Perl) to convert your Markdown Syntax to html syntax.

For example you can create first and second level headers by just typing them as shown here:

A First Level Header
=====================

A Second Level Header
---------------------


The above Markdown text will be converted  into the HTML source by the Dingus tool: (note: Blogger does not render the 'pre' tags which are in the source of this page. That is why you are seeing the h1 and h2 tags rendered. Review my post on this browser problem.

A First Level Header

A Second Level Header

The Markdown text is readable and can be typed in with a text editor and the tool converts it to web compliant HTML.

Review the screen shot here:

The
pre
tags continues to not work in Blogger

For quite sometime I have had problem displaying HTML code in my blog as the Pre tag did not render correctly. Here I am trying to see what is happening, if any, in rendering the Pre tag. I decided to show only screen shots of either the HTML tab in my blog post, or the Compose tabbed page of my blog so that the browser effects are properly seen.

When you want to create a new post in Blogger, this is the HTML code you get and the 'Compose' page is empty.


Pre_00
Now I enter a single line-'This is a test' in the Compose tabbed page.

Pre_01

The HTML markup shows this:


Pre_02

Now I add a 'Pre' tag as shown.


Pre_03

The following is the content of the 'Compose' page.

Pre_04
So far no problem, good.

I now go back to HTML pane. Looks OK, but it has added another repeating line at the top.


Pre_05

Not a big difference. I refresh the browser and everything back to as it was before refresh.
I just draw a line in 'Compose'.


Pre_06

The HTML after this appears as shown. It has added 'Pre' tags as shown. Why 'pre' tags why not just 'p'.

Pre_07

I just added a 'div' tag and I am going to place a 'Pre' tag inside the 'div' tag.


Pre_08

This is the 'compose' page.

Pre_09

I added some 'pre tag' inside the div tag


Pre_10
The compose  now appears as shown.

Pre_11
I add another div and within div I add a pre tag. In the pre tag I add special characters (HTML markup) as shown.


Pre_12

The Compose page after the above appears as shown.

Pre_13

The pre tag did not work as intended for html tags.
I revert to the HTML to see if the blogger's processor has added any thing by itself. It does some time. No change.


Pre-14
I add a dotted line in HTML code.


Pre_15

There is an expected change as shown.


Pre_16

I revert to HTML and I see it has changed.


Pre_17
This time it accommodated the dotted line inside the 'div'. I modify the page with 'code' tags as shown. Some recommendation from some of the Internet sites is to enclose it in 'code'


Pre_18

The 'Compose' page now appear as shown.
The extra > in the last line appears to be an error while typing.
 Page_19

It is getting worse!

I refresh the page and nothing is changed in 'Compose'.

I host the html page on the local IIS Server and the response is as shown.


Page_20

The conclusion is  'Pre' tag is not working in the Blogger as it is supposed to.



Publishing Mobile Reports using SQL Server Mobile Report Publisher

SQL Server Mobile Report Publisher (SSMRP) is an authoring tool that can be used to quickly creating Reporting Services mobile reports that are optimized for mobile device with a variety of form factors. You can have an assortment of visualizations, from time, category, charts, tree maps, and custom maps.

With SSMRP you can,
  • Connect mobile reports to a range of data sources including on-premises SQL Server and Analysis Services
  • Layout reports on a design surface to accommodate flexible mobile reports
  • Save mobile reports to a Reporting Services server and interact with them in a browser or with Power BI on mobile devices(iPad, Android Phones and tablets and Windows 10 devices).
What do you need to create Reporting Services mobile reports?
You need the SQL Server Mobile Report Publisher

Version: 1.0.3923
File Name: SSRS.MobileReportPublisher.Installer.msi
Date Published: 9/22/2016
File Size: 25.3 MB

System requirements:
Supported Operating System
Windows 10 , Windows 7, Windows 8.1
.NET Framework 4.5 (or later)
Visual C++ Redistributable for Visual Studio 2012 (x86)

Download SSMRP here:
https://www.microsoft.com/en-us/download/details.aspx?id=50400