Mioplanet Documentation Center
Resources and Help
HomeProductsMioScriptJavaScriptTechNotesPHP
   Home | How to create a Business Card SEARCH    

MioFactory

  TechNotes
Adding a Login feature
Get the real size of a web page
How to create a Business Card
How to create a Desktop Alert
How to create a Desktop Ticker
How to create a Scrolling Alert Software
How to create a Scrolling Ticker
How to create a simple RSS Reader
How to debug
LCD Monitor Chart: Screen Resolution, Size, Pitch, Display Area
Managing read marks
Measuring Elements in JavaScript
Media center remote control
Statistics: How to track users and actions
XML Configuration File Format

  Help
01. Introduction
02. Creating an application
03. Application Settings
04. Manipulating Files
05. Editing Code
06. MioFactory Installer
07. Publishing Applications

  Products
All Products
MioDB
MioFactory
Mioplanet Admin Panel

TechNote
How to create a Business Card

Product: MioFactory


This document explains how to create a business card using MioFactory.

 Business Card 


Creating a Business Card

 
To create a business card, proceed as follow:

Download and install MioFactory if necessary;

Create a new application;

Choose the template Gadget for Windows;

Select or create a new folder;

Click Create;

Set the application name, author etc.

Now you have an application displaying an empty HTML document.
In the next steps you will edit the HTML code to create your business card.

 

MioScript code

 
The MioScript code can be found in the file main.k (tab Files).

The gadget template uses a non rectangular shape.
As we need a rectangular shape for our business card, we have to replace the following line:


window.main.shape.load(path.rsc("gadget.bmp"))



By this:


window.main.width(400)
window.main.height(300)



 

HTML code

 
Now we have to set the content of our HTML document to display the content of the business card.

Replace the code of index.htm by the following code:


<HTML>
<HEAD>
<META HTTP-EQUIV="MSThemeCompatible" CONTENT="yes">
<LINK href="main.css" type=text/css rel=stylesheet>
</HEAD>

<script src="miolib.js"></script>
<script src="mioengine.js"></script>

<BODY onload="sendToMio('loaded')" class="default" onselectstart="disableOnSelectStart()" ondragstart="return false" leftmargin=10 topmargin=10 scroll=no>

<DIV movable="true" style="position:absolute; left:0; top:0; width:419; height:299; border:solid 1px #888888">
<IMG src="logo.jpg" style="position:absolute; left:20; top:180">
<DIV class="default"
style="position:absolute; left:60; top:20">

<B>Robert Capbell</B> <BR>
<I>Senior Sales Executive</I> <BR>

<BR>

Phone: (999) 999 9999 <BR>
eMail: <A href="mailto:...@...">...@...</A> <BR>
</DIV>

<DIV style="position:absolute; left:150; top:180">

<B> Mioplanet Technologies </B><BR>
94 Av Rouleau<BR>
Rimouski <BR>
QC G5L 5S5 <BR>
CANADA <BR>

<A href="http://www.mioplanet.com" target="NEW">www.mioplanet.com</A>

<BR>
</DIV>

<a style="position:absolute; left:375; top:10" href="mio:close">Close</a>

</BODY>
</HTML>



Add an image logo.jpg (your photo or company logo) and replace the contact information in the HTML code by your own and you are done.
You can create an exe file and put it on a CD. 
Copyright Mioplanet 2008 | Desktop News Ticker | Desktop Alert | Last update: Tuesday February 12th, 2008