Create Html Content

Many customizable input fields in SoftwareCentral allows users to add HTML to enhance the look and feel.

You should have basic knowledge about HTML before you try to add HTML code to SoftwareCentral. Wrong code may cause interfaces to stop working or look strange.

 

This chapter will give some basic examples on what can be achieved.

Embedded content such as videos and images will severely affect the performance of any interface.
We cannot guarantee that all HTML will work or look well.

 

Images

Images can be stored in the SoftwareCentral Uploads folder found in the install directory. You can also use URLs for images located on other sources.

 

Shop Item with table and embedded video

Shop Item with table and embedded image
Copy Code 
<table cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td valign="top" style="width: 300px;">
            <strong>Create anything you can imagine. Anywhere you are.</strong>
            <br />
            The world&rsquo;s best imaging and design app is at the core of almost every creative project. Work across desktop and mobile devices to create and enhance your photographs, web and mobile app designs, 3D artwork, videos, and more.
            <br />
            <br />
            <a href="http://www.adobe.com/products/photoshop.html">Read More...</a>
            <br />
            <br />
            Note that this program is a lease. It will be automatically uninstalled 3 months after the installation date.
        </td>
        <td>
            <iframe width="320" height="180" src="https://www.youtube.com/embed/USi_ShbcM6o?ecver=2" frameborder="0"></iframe>
        </td>
    </tr>
</table>

 

List and link

 

List and link
Copy Code 
Microsoft Office is a collection of software programs commonly used in an office environment.
<br />
It is available on both Windows and Mac and includes programs, servers, services, and solutions for various business purposes.
<br />
<ul>
    <li><strong>Excel:</strong> Spreadsheet program</li>
    <li><strong>OneNote:</strong> Note taking program</li>
    <li><strong>Outlook:</strong> Personal information managers and communications program (e-mail, contacts, schedules, documents)</li>
    <li><strong>PowerPoint:</strong> Presentation graphics program</li>
    <li><strong>Visio:</strong> Business and technical diagramming program</li>
    <li><strong>Word:</strong>Word processing program</li>
</ul>
<br />
<a href="https://www.office.com/" target="_blank">Visit Microsoft Office</a>
<br />

 

Embedded image

 

Embedded image
Copy Code 
<strong>Navigate, write, and fix your code fast</strong>
<br />
Visual Studio enables you to write code accurately and efficiently without losing the current file context. You can easily zoom into details such as call structure, related functions, check-ins, and test status. You can also leverage our functionality to refactor, identify, and fix code issues.
<br />
<a href="https://www.visualstudio.com/vs/ide/">Learn More &gt;</a>
<br />
<br />
<div class="center">
    <img alt="VisualStudio" src="/Uploads/Images/develop2.png" />
</div>

 

Table with colored text and embedded image

 

Table with colored text and embedded image
Copy Code 
Notepad++ is a free (as in "free speech" and also as in "free beer") source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GPL License.
<br />
<br />
<table cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td valign="top">
            Based on the powerful editing component Scintilla, <span style="color: #e36c09;">Notepad++ </span>is written in C++ and uses pure Win32 API and STL which ensures a higher execution speed and smaller program size. By optimizing as many routines as possible without losing user friendliness, <span style="color: #e36c09;">Notepad++ </span>is trying to reduce the world carbon dioxide emissions. When using less CPU power, the PC can throttle down and reduce power consumption, resulting in a greener environment.<br />
        </td>
        <td>
            <img alt="" src="/Uploads/Images/Notepad_plus_plus_example.png" />
        </td>
    </tr>
</table>

 

Shop Menu example:

In this example we have created a simple menu with a few links and an image.

The link to the package links directly to the package. You can get the deep link to a package from the Software Administration page when editing a package.

 

Shop Menu example
Copy Code 
<strong>SoftwareCentral</strong>
<br />
Navigate to:
<ul>
    <li><a href="http://softwarecentral/" target="_blank">SoftwareCentral Main Page</a></li>
    <li><a href="http://softwarecentral.com/" target="_blank">SoftwareCentral Homepage</a></li>
</ul>
<br />
<strong>Newly Added:</strong>
<br />
<table>
    <tr>
        <td>
            <img alt="" width="50" src="/Uploads/Images/office.jpg" />
        </td>
        <td>
            <a href="http://localhost:62866/shop.aspx?id=PAX000A1&amp;type=1" target="_self">Microsft Office 365</a>
        </td>
    </tr>
</table>
<br />

 

 

 

© Copyright - SoftwareCentral

https://softwarecentral.cloud/help