Illegal character found in search text!
[Only A - Z, a - z and 0 - 9 are allowed]
Contact
Example of »Contact Module« in this page: The file contactSimple.aspx is running in an iFrame on the page
Description
The »Contact Module« consists of four files, see left column.
Basically the News Module takes
- the first image on a page and scale it to 202px × 202px,
- the description of the page,
- the first approx. 250 characters of the page content and make a link to the actual page.
- [If the page is modified within the last two weeks a loudspeaker icon (with a ToolTip revealing publishing date/time) is added next to the News Headline]
and combines the information into a »News Row«. The rows will be repeated for each page that is marked as »News«. The News Row will have the image thumbnail has a link to the image in its actual size. The headline and the [Read more?] are links to the actual page.
Usage and implementation
First of all, if you want a page to appear on the news list the page must be marked as »News category« in the Page Editor.
[Note: The »News category« switch will not be enabled when the page is created but only when the page is edited for the first time]
n-gen. net CMS contains two variants of the »News Module«. The main differences between news and newsIframe are:
|
contact |
contactSimple |
Page Header * |
 |
 |
Navigation menu |
 |
 |
Page Footer |
 |
 |
Links open in same window |
 |
 |
Show »Back« link |
 |
 |
Can embed in any page |
 |
 |
Anonymous user can access |
 |
 |
* By default the news.aspx takes the your header with id #1.
The value is hardcoded and can only be changed by editing the source code:
Alter the value of
»string hId = "1";«
to
»string hId = "X";«
where X is the id# of your preferred header the at the top of the file news.aspx.cs.
To insert a link to the »News Module«.
If you want to link to the »News Module« as a full page simply set the link to news.aspx as the target URL.
If you want to insert a link to the »News Module« (news.aspx) in your navigation menu you can simply select "External link" from the dropdown list and click the
icon and select "News" from the PopUp window.
The
If you want to embed the »News Module« into any other page you should use the "iFrame" from the editor menu:
- Click the iFrame icon,
from the WYSIWYG Editor Toolbar:

- Fill the dialogue for the General properties of the iFrame:

- [Optional]
Switch tab to "Advanced" and fill in the styles you want for the iFrame:

You can style the newsIframe.aspx either by
giving the iFrame a div-tag and style the div-tag or
giving your iFrame a class using "Stylesheet Classes" and adding the class to the "Custom Styles" in the Style Manager or
styling the iFrame itself.
For an example take a look of the left column:
- highlight the iFrame in the page, right-click on it and select "iFrame properties" or double-click the iFrame,
- Select the "Advanced" tab and go to the "Style" field,
- Fill whatever styling you want, click "OK" button and your iFrame is styled.
If no styles are applied the iFrame containing newsIframe.aspx will just inherit the styles from your pages.
Remarks.
Pages opened from both the news.aspx and newsIframe.aspx automatically inherit the styles from the page.
Restricted pages (only accessible by Registered (Level 1) Users or Authenticated (Level 2) Users are not displayed on the News List.
The height of each »News Row« is approx. 275px - 325px depending of your font size.
Your font sizes can easily be adjusted in the Style Manager.