Skip to content
This repository was archived by the owner on Aug 31, 2021. It is now read-only.

Commit c6ad562

Browse files
author
runrevali
committed
Update ide to revision 1446 of widgets branch
1 parent f85e74b commit c6ad562

38 files changed

Lines changed: 94 additions & 90364 deletions

Documentation/guides/Extending LiveCode.md

Lines changed: 14 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
[toc]
2-
31
# Introduction
42

53
LiveCode 8.0 is the most exciting release in the history of the technology. It provides a simple way to extend the functionality or control set of LiveCode.
@@ -43,26 +41,26 @@ Notice the extension manager has three tabs:
4341
## 2) Go to the extension store
4442
Go to the extension by clicking on the extension store tab and wait for it to load (Internet connectivity is required).
4543

46-
![enter image description here](images/extensions-home.png)
44+
![](images/extensions-home.png)
4745

4846
You can browse by category or search for an extension.
4947

5048
## 3) Select an extension
5149
Click on any of the extensions to load full details and installation options.
5250

53-
![enter image description here](images/extensions-clock.png)
51+
![](images/extensions-clock.png)
5452

5553
## 4) Install the extension
5654
Click on the install button to begin the download and installation of the extension. It should only take a matter of seconds to download and install.
5755

58-
![enter image description here](images/extensions-installed.png)
56+
![](images/extensions-installed.png)
5957

6058
## 5) Try out your extension
6159

6260
**Widgets**
6361
If you downloaded a widget it will appear in your list of installed widgets and also in your Tools Palette. Using the widget is no different from any of the classic LiveCode controls you've been used to. Simply drag it onto a stack and start interacting with it as you could any another control.
6462

65-
![enter image description here](images/extensions-widgets.png)
63+
![](images/extensions-widgets.png)
6664

6765
You can reference the widget in script as a control:
6866

@@ -84,7 +82,7 @@ Extensions can provide an API (Dictionary) and User Guide as part of the install
8482

8583
**API (Dictionary)**
8684

87-
![enter image description here](images/extensions-documentation.png)
85+
![](images/extensions-documentation.png)
8886

8987
1. Open the documentation stack from the menubar
9088
2. API chooser - Choose which API to view. By default, LiveCode 8.0 comes with the LiveCode Script API and the new LiveCode Builder API. Any extension that contains an API is displayed here.
@@ -96,7 +94,7 @@ Extensions can provide an API (Dictionary) and User Guide as part of the install
9694

9795
**User Guide**
9896

99-
![enter image description here](images/extensions-guides.jpg)
97+
![](images/extensions-guides.jpg)
10098

10199
1. Click on the "Guide" tab at the top of the documentation stack
102100
2. Select the guide you wish to view
@@ -117,7 +115,7 @@ Open the "Widget Builder" plugin for the development menu:
117115
Development > Plugins > Widget Builder
118116
```
119117

120-
![enter image description here](images/extensions-plugin-overview.png)
118+
![](images/extensions-plugin-overview.png)
121119

122120
1. Choose a Widget - This list includes the source for the example extensions as well as any you have created.
123121
2. Open a Widget - If you have created a extensions using an external editor you can load it into the builder here.
@@ -132,7 +130,7 @@ Development > Plugins > Widget Builder
132130
2. Push "test"
133131
3. Notice that a stack is create with the widget. If you can't see it, it may be behind the plugin stack.
134132

135-
![enter image description here](images/extensions-plugin-example.png)
133+
![](images/extensions-plugin-example.png)
136134

137135
> **Note:** A great way to get started is to tweak the script of the clock or one of the other examples. Perhaps change a few colors and click "build" to test your changes.
138136
@@ -279,7 +277,7 @@ end widget
279277

280278
### Test the Code
281279

282-
![enter image description here](images/extensions-widget-first.png)
280+
![](images/extensions-widget-first.png)
283281

284282
1. Your script should be in this box of the widget builder
285283
2. Click test
@@ -386,7 +384,7 @@ Error: <source path>: <line number>: <char number>: <error message>
386384
### LiveCode Builder API
387385
To start creating more complex widgets see the LiveCode Builder api in the documentation stack in the IDE.
388386

389-
![enter image description here](images/extensions-canvas-docs.png)
387+
![](images/extensions-canvas-docs.png)
390388

391389
1. Open the dictionary
392390
2. API chooser
@@ -468,7 +466,7 @@ Once you've created a ***.lce*** package you are ready to upload it to the exten
468466
## 1) Login
469467
Go to http://ng.livecode.com/login/ and login. The user credentials are the same ones you use on the main LiveCode website or when activating a commercial LiveCode license.
470468

471-
![enter image description here](images/extensions-site-login.png)
469+
![](images/extensions-site-login.png)
472470

473471
## 2) Select a Developer ID
474472
In order to ensure that every extension publisher has a unique ID we use a reverse domain name notation. For this alpha, all testers will be required to upload with an ID:
@@ -484,7 +482,7 @@ com.livecode.extensions.waddingham.clock.1.0.0
484482

485483
When logging in for the first time you will be asked to choose a unique *developer_name*. This is a one time step which will be added to your user account and used for all subsequent visits.
486484

487-
![enter image description here](images/extensions-id.png)
485+
![](images/extensions-id.png)
488486

489487
> **Note:** When uploading a package to the online portal it must have a matching identifier. So if you chose the developer name "mickey", it must start "com.livecode.extensions.mickey".
490488
@@ -496,7 +494,7 @@ When logging in for the first time you will be asked to choose a unique *develop
496494

497495
Once logged in you will be taken to your extensions account page:
498496

499-
![enter image description here](images/extensions-site-account.png)
497+
![](images/extensions-site-account.png)
500498

501499
1. To upload a new package click on the "Add New Extension" button
502500
2. A list of extensions you've previously uploaded are listed here.
@@ -505,7 +503,7 @@ Once logged in you will be taken to your extensions account page:
505503
506504
## 4) Upload Your Package
507505

508-
![enter image description here](images/extensions-site-upload.png)
506+
![](images/extensions-site-upload.png)
509507

510508
1. Click to browse to your package file.
511509
2. Drag your package file anywhere within the grey dashed box

0 commit comments

Comments
 (0)