AgileApps Support Wiki Pre Release

Difference between revisions of "Template:Test"

From AgileApps Support Wiki
imported>Aeric
 
imported>Aeric
 
(18 intermediate revisions by the same user not shown)
Line 1: Line 1:
== Links to Namespace Pages==
:[[HelpDesk:Welcome]] - Std link
:[[HelpDesk:Welcome|Welcome]] - Link w/final vertical bar
== Left Right and Center Text on Same Line ==
It needs to work when the page is resized.<br>
http://stackoverflow.com/questions/525961/css-same-line-aligning
<table border="1" class="tight-rows"> 
<tr>
<td style="text-align:left; width:33%; ">
[[Lab #2| Back to Lab #2]]
</td>
<td style="text-align:center; width:34%; ">
[[...|Up to Lab Index]]
</td>
<td style=" text-align:right; width:33%; ">
<nowiki>{{#ifexist: Lab #4  | [[Lab #4 | Forward to Lab #4]] |&nbsp;}}</nowiki>
</td>
</tr>
</table>
==Experiment with variablized links==
Here is the result of an inserted [{{EclipsePluginLink}} eclipse plugin].
==Experiment with tight table rows==
==Experiment with tight table rows==
===Old===
===Old===
Line 8: Line 33:
[[Objects]]<br>
[[Objects]]<br>
[[Indexes]]<br>
[[Indexes]]<br>
[[Record Locators]]<br>
[[Record Locator]]<br>
[[Reports]]<br>
[[Reports]]<br>
[[Database Views]]  
[[Database Views]]  
Line 32: Line 57:
| Rapidly access records. Ensure uniqueness.
| Rapidly access records. Ensure uniqueness.
|-
|-
| [[Record Locators]]  
| [[Record Locator]]  
| Help users identify records they're searching for.
| Help users identify records they're searching for.
|-
|-
Line 49: Line 74:
:* Applied to the table, they determine where the borders appear within a larger "box".
:* Applied to the table, they determine where the borders appear within a larger "box".
:* To apply to individual cells, the border properties need to be specified on each cell
:* To apply to individual cells, the border properties need to be specified on each cell
:* The CSS rule below does that, It applies only to <nowiki><td></nowiki> elements in tables that specify <tt>class="tight-rows"</tt>:
:* The CSS rule below does that.<br>It applies only to <tt><nowiki><td></nowiki></tt>elements in tables that specify <tt>class="tight-rows"</tt>:
::{|
::{|
| <pre>
| <pre>
Line 110: Line 135:
</td>
</td>
</tr>
</tr>
</table><noinclude>
</table>
 
The trick, obviously, is to find the CSS that GeSHI uses, and to figure out a way to automate the numbering. (Both tough, but the latter is the hardest.)
<noinclude>


----
----

Latest revision as of 19:57, 26 August 2013

Links to Namespace Pages

HelpDesk:Welcome - Std link
Welcome - Link w/final vertical bar

Left Right and Center Text on Same Line

It needs to work when the page is resized.
http://stackoverflow.com/questions/525961/css-same-line-aligning

Back to Lab #2

Up to Lab Index

{{#ifexist: Lab #4 | [[Lab #4 | Forward to Lab #4]] | }}

Experiment with variablized links

Here is the result of an inserted [ eclipse plugin].

Experiment with tight table rows

Old

Data
     

Objects
Indexes
Record Locator
Reports
Database Views

Store data in a powerful "database on steroids".
Rapidly access records. Ensure uniqueness.
Help users identify records they're searching for.
Summarize data in platform objects.
For advanced reports, do queries and joins directly on the database.

New

Data
     
Objects Store data in a powerful "database on steroids".
Indexes Rapidly access records. Ensure uniqueness.
Record Locator Help users identify records they're searching for.
Reports Summarize data in platform objects.
Database Views For advanced reports, do queries and joins directly on the database.

Tight Table Rows

Looking for the magical formula to create rows with no space between them.

  • The 4 padding/margin values = top, right, bottom, left
  • Some browsers respond to margin, others to padding, so both need to be specified
  • Applied to the table, they determine where the borders appear within a larger "box".
  • To apply to individual cells, the border properties need to be specified on each cell
  • The CSS rule below does that.
    It applies only to <td>elements in tables that specify class="tight-rows":
  table.tight-rows td { 
      padding:0 5px 0 5px; 
      margin:0 5px 0 5px; 
  }
stuff stuff
more more

Horizontal and Vertical Bars

LJ Horizontal ruler:

ATT Ruler:


CSS-styled Ruler:


Normal Ruler:


stuff
foo
bar

  And more stuff:

Link Tests

Test a link to an embedded internal anchor: #end

Test a link that transcludes the host URL from Template:DOCHOST.

Add Line Numbers to Source Code Listings

But make it possible to copy the source code without the line numbers...

<pre>

</pre>

line 1 of code
line 2 of code
line 3 of code
{{{1}}}

The trick, obviously, is to find the CSS that GeSHI uses, and to figure out a way to automate the numbering. (Both tough, but the latter is the hardest.)



This template adds line-numbers to code listings, while making it possible to copy the code without the numbers.

TODO: IN CodeJS, ESCAPE ALL <'s (replace with <)

Usage
  {{Code | {language} |
  code line 1
  code line 2
  etc.
  }}

where:

  • {language} = java, html, xml

How it works:

  1. Create an array called lines, where \n is the delimiter
  2. Create a table with 2 cells
    • Generate numbers, one per line, in first cell (output "i", then increment it)
    • Put code in second cell, where it can be copied

<a name="end"/>