Arena Administrators: HTML and SQL (Course #A247)

Size: px
Start display at page:

Download "Arena Administrators: HTML and SQL (Course #A247)"

Transcription

1 Arena Administrators: HTML and SQL (Course #A247) Presented by: Erik Peterson Bethany Baptist Church 2017 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks of the respective holders.

2 Objective To use HTML and SQL together to get useful information on a dashboard and unlock the power behind a couple of Arena s best kept secrets (RGFQ and HFSP). This session presents the following topics: If desired by class a very brief overview of SQL, in particular how to understand the language and parts of basic queries The basics of using Arena s Report Grid From Query module, with and without a Stored Procedure Using HTML in the Report Grid From Query module to format text, display images, and create links The basics of using Arena s HTML From Stored Procedure Walk through the process of creating a HTML From Stored Procedure module instance. Look at more examples and discuss other uses. 2

3 Structured Query Language (SQL) The bare bones of a SQL database query Examples SELECT: Lists the columns you want to see separated by commas functions, conversions, and formatting can be included as well as naming the column as something. FROM: The database table from which to get the data JOIN (optional): If you pull information from multiple related tables, those tables can be joined on a key field that s the same between the tables WHERE (also optional, but you almost always want it): Filter what data you want to see. ORDER BY (optional): To define a sort order SELECT * FROM core_person SELECT nick_name, last_name FROM core_person WHERE last_name = 'Peterson' SELECT person_id, nick_name + ' ' + last_name AS person_name, DATENAME(MM, birth_date) + ' ' + CAST(DAY(birth_date) AS VARCHAR(2)) AS Birthday FROM core_person WHERE staff_member = 1 ORDER BY last_name SELECT P.person_id, P.nick_name + ' ' + P.last_name AS person_name, P. FROM core_v_person_basic P INNER JOIN core_person_attribute A ON A.person_id = P.person_id AND A.attribute_id = 149 AND A.int_value = 1 WHERE P.record_status = 'Active' ORDER BY P.last_name Returns the entire contents of your core_person table. Lists the nick_name and last_name of everyone whose last name is Peterson. A list of staff members and their birthdays in order by last name. The names and addresses of everyone with an active record and with person attribute 149 currently checked (representing subscribers of an list). Instead of a table, a view is being used which has information from other tables already pulled together (in this case, ). Queries can be built in SQL Management Studio (which is also where you can find the names of tables, fields, etc.). Using a test Arena server is recommended, but SELECT statements are generally safe. 3

4 Report Grid from Query Important Module Settings Query (required): A short query can be put directly into this setting, even with HTML formatting. The other option is to enter the name of a Stored Procedure, which is necessary if you use parameters or the query itself is too long. Suppress Columns: These columns do not appear on the page but are included in the Excel export. Parameters (including Current User ID and Selected Person ID): Can come from URL or included in the setting. SELECT L.lookup_value AS Member_Status, count(person_id) AS Record_Count FROM core_person AS P JOIN core_lookup AS L ON L.lookup_id = P.member_status GROUP BY L.lookup_value ORDER BY count(person_id) DESC Hidden Feature: List of Names An RGFQ includes additional features if person_id and person_name columns are included in the query. This includes linking to records, , bulk update, and word merge. But, additional fields are needed for most word merge files to work. 4

5 HTML in RGFQ Example with link and bold (Attendance Summary) modified from a post on the community by Karen Norris. Put HTML code in single quotes (along with any other text you may want to simply display) <a href= /default.aspx?page=[page_id] &hardcoded_variable=some_id &variable_from_query= + CONVERT(varchar(12),id_field) + > + name_field_to_display + </a> <strong>bold Text</strong> <strong> + bold_field + </strong> SELECT '<a href="/default.aspx?page=1115&occurrenceid= ' + CONVERT(varchar(8),occurrence_id) + '">' + occurrence_name + '</a>' AS Class, Convert(varchar, occurrence_start_time, 101) AS Date, CONVERT(varchar(6),attendance) AS attendance FROM cust_v_occurrence_group WHERE occurrence_start_time > getdate() 7 AND occurrence_end_time < getdate() AND attendance > 0 AND group_id = 6 UNION ALL SELECT '<strong>total Sunday School</strong>', '', '<strong>' + CONVERT(varchar(6),SUM(attendance)) + '</strong>' AS attendance FROM cust_v_occurrence_group WHERE occurrence_start_time > getdate() 7 AND occurrence_end_time < getdate() AND attendance > 0 AND group_id = 6 (this happens to be Easter, when there was no Sunday School) 5

6 Example with colored text (Event Timeline) <span style= color: #00b050; >Green Text</span> <span style= color: #c00000; >Red Text</span> <span style= color: #0070c0; >Blue Text</span> Color codes can be found at various websites or using Arena s HTML editor, such as on the New Communication page. This Stored Procedure available at: goo.gl/guwx7p. 6

7 Example with images (Compassion Ministry) This SQL excerpt (taken from a process using Assignment custom fields) shows how to display an image from the images folder on the Arena server based on data in the query. In this example, some images are added and some are already there, and text does appear when hovering over the image with a mouse. SELECT, CASE WHEN dbo.cust_funct_asgn_cfv(a.assignment_id,301) = 'Financial' THEN '<abbr title="financial"><img alt="" src="/images/money.png" /></abbr>' WHEN dbo.cust_funct_asgn_cfv(a.assignment_id,301) = 'Physical' THEN '<abbr title="physical"><img alt="" src="/images/hammer.png" /></abbr>' ELSE dbo.cust_funct_asgn_cfv(a.assignment_id,301) END AS [Type], CASE WHEN A.state_id = 100 THEN '<abbr title="pending"><img alt="" src="/images/yellowbutton.gif" /></abbr>' WHEN A.state_id = 140 THEN '<abbr title="approved"><img alt="" src="/images/greenbutton.gif" /></abbr>' WHEN A.state_id = 141 THEN '<abbr title="complete"><img alt="" src="/images/check.gif" /></abbr>' WHEN A.state_id=142 THEN '<abbr title="denied"><img alt="" src="/images/delete.gif" /></abbr>' ELSE '' END AS Process_State 7

8 HTML from Stored Procedure To use the HTML From Stored Procedure to display something on the page, you need a query in the Stored Procedure that returns one cell called html. Basic Example (1 random prayer request) Build query and test results SELECT TOP 1 PR.first_name + ' (' + S.lookup_value + ') <br>' + CONVERT(varchar(max),PR.request_text) AS [html] FROM pryr_request PR LEFT JOIN core_lookup S ON S.lookup_id = PR.source_luid WHERE PR.expire_date > getdate() AND PR.is_public = 1 ORDER BY NEWID() Make it a Stored Procedure Setup Module CREATE PROCEDURE int = 1 AS SELECT TOP 1 PR.first_name + ' (' + S.lookup_value + ') <br>' + CONVERT(varchar(max),PR.request_text) AS [html] FROM pryr_request PR LEFT JOIN core_lookup S ON S.lookup_id = PR.source_luid WHERE PR.expire_date > getdate() AND PR.is_public = 1 ORDER BY NEWID() Celestine (Communication Card) Please continue to pray for job research. 8

9 Example with table formatting (1 random prayer request) Tip: Build a table with Arena s HTML editor (New Communication page) with the formatting you want, then copy/paste HTML into SQL Management Studio and merge with query. CREATE PROCEDURE int = 1 AS BEGIN SELECT TOP 1 '<table style="width: 400px;" cellspacing="0"> <tbody> <tr> <td style="background color: #bfbfbf; padding: 3px; margin: 3px; border top: 3px solid #3f3f3f; border right: 3px solid #3f3f3f; borderleft: 3px solid #3f3f3f; border width: 3px; border color: #3f3f3f;"> <span style="font size: 16px; color: #595959;"><strong><span style="font family: Arial; color: #3f3f3f;">' + PR.first_name + ' </span></strong> <span style="font family: Arial; font size: 13px; color: #3f3f3f;"> (' + S.lookup_value + ')</span></span><br /> </td> </tr> <tr> <td style="padding: 3px; margin: 3px; border style: none solid solid; border right: 3px solid #3f3f3f; border bottom: 3px solid #3f3f3f; border left: 3px solid #3f3f3f;"> <p><span style="font family: Arial; fontsize: 16px; color: #3f3f3f;">' + CONVERT(varchar(max),PR.request_text) + '<br /> </span> </p> </td> </tr> </tbody> </table>' AS [html] FROM pryr_request PR LEFT JOIN core_lookup S ON S.lookup_id = PR.source_luid WHERE PR.expire_date > getdate() AND PR.is_public = 1 ORDER BY NEWID() END 9

10 Using SUBSTRING FOR XML PATH to get data into one cell A query result in one cell separated by commas SELECT SUBSTRING((SELECT ', ' + [fields] FROM [table] JOIN [more tables] WHERE [critiera/connect to record] FOR XML PATH ( '' ) ),2[skip first 2 characters],999999[max length]) AS [html] Thing 1, Thing 2, Thing 3 A query result in one cell separated by HTML line breaks (a little extra is needed to allow for HTML code) SELECT SUBSTRING((SELECT '<br>' + [fields] FROM [table] JOIN [more tables] WHERE [critiera/connect to record] FOR XML PATH ( '' ), type).value('.','varchar(max)'),4[skip first characters],999999[max length]) AS [html] Thing 1 Thing 2 Thing 3 10

11 Example (Staff Birthdays) Show staff birthdays coming up in the next two weeks. CREATE PROCEDURE int = 1 AS BEGIN datetime = getdate() datetime = getdate() + 14 SELECT CASE WHEN (SELECT COUNT(person_id) FROM core_person P WHERE P.staff_member = 1 AND P.birth_date <> '1/1/1900' AND ( DATEADD(year, DATEDIFF(year, birth_date) OR DATEADD(year, DATEDIFF(year, birth_date) = 0 THEN '' ELSE '<p><img alt="" src="/content/htmlimages/public/images/general/happybirthday.png"/>< /p> <p style="margin bottom: pt;"><span style="font family: Verdana; font size: 13px;">' + SUBSTRING ((SELECT '<br>' + CASE WHEN MONTH(P.birth_date) = MONTH(getdate()) AND DAY(P.birth_date) = DAY(getdate()) THEN '<strong>' ELSE '' END + P.nick_name + ' ' + P.last_name + ' ' + DATENAME(MM, birth_date) + ' ' + CAST(DAY(birth_date) AS VARCHAR(2)) + CASE WHEN MONTH(P.birth_date) = MONTH(getdate()) AND DAY(P.birth_date) = DAY(getdate()) THEN '</strong>' ELSE '' END FROM core_person P WHERE P.staff_member = 1 AND P.birth_date <> '1/1/1900' AND ( DATEADD(year, DATEDIFF(year, birth_date) OR DATEADD(year, DATEDIFF(year, birth_date) ORDER BY CASE WHEN DATEADD(YEAR, DATEDIFF(YEAR, birth_date) THEN 1 ELSE 2 END, DATEPART(month, birth_date), DATEPART(day, birth_date) FOR XML PATH ( '' ), type).value('.','varchar(max)'),5,999999) + '</span></p>' END AS [html] END GO 11

12 Bonus Example (Photo Flash Cards) Quiz staff with a random person s photo. CREATE PROCEDURE int = int = 1 AS WITH person AS (SELECT TOP 1 CP.person_id FROM core_person CP JOIN cust_v_person P ON P.person_id = CP.person_id WHERE CP.member_status IN (960,958) AND CP.record_status = 0 AND CP.blob_id <> '' AND P.family_id <> (SELECT family_id FROM cust_v_person F WHERE F.person_id ORDER BY NEWID()) SELECT 'Who is this?<br><span style="font size: 10px;">Make a guess then mouse over "Name" <br>to see if you''re right.</span><br> <table> <tbody> <tr> <td rowspan="5">' + dbo.core_funct_person_photo(p.person_id,112,150) + '</td> <td><a href="/default.aspx?page=7&guid=' + CONVERT(varchar(max),P.guid) + '" TITLE="' + P.nick_name + ' ' + P.last_name + '">[Name]</a></td> </tr> <tr> <td><a href="/default.aspx?page=7&guid=' + CONVERT(varchar(max),P.guid) + '" TITLE="' + CASE WHEN P.role_luid = 29 THEN P.marital_status + CASE WHEN dbo.core_funct_spouse(p.person_id,1) LIKE ('%') THEN ' (' + Sp.nick_name + CASE WHEN Sp.last_name <> P.last_name THEN ' ' + Sp.last_name ELSE '' END + ')' ELSE '' END + ' ' + dbo.core_funct_family_child_list(p.family_id) ELSE 'Parent(s): ' + dbo.cust_funct_parent_name(p.person_id) END + '">[Family]</a></td> </tr> <tr> <td><a href="/default.aspx?page=7&guid=' + CONVERT(varchar(max),P.guid) + '" TITLE="' + DATENAME(MM, P.birth_date) + ' ' + CAST(DAY(P.birth_date) AS VARCHAR(2)) + '">[Birthday]</a></td> </tr> <tr> <td><a href="/default.aspx?page=7&guid=' + CONVERT(varchar(max),P.guid) + '" TITLE="' + P.city + '">[City]</a></td> </tr> </tbody> </table>' AS [HTML] FROM person JOIN cust_v_person P ON P.person_id = person.person_id LEFT JOIN cust_v_person Sp ON Sp.person_id = dbo.core_funct_spouse(p.person_id,1) 12

13 Other Live Examples Online Registrations List Global Outreach Partners RSVPs Nursery Cleaning Q & A Class Discussion Notes 13

14 Erik Peterson Bethany Baptist Church Erik has served as Director of Technology at Bethany Baptist Church in Peoria, IL since October He began his involvement with Shelby Systems as a v.5 Administrator in 2005 and became an Arena Administrator in He enjoys helping churches to be effective and efficient in their ministry.

Arena Administrator: HTML & SQL Course #A244

Arena Administrator: HTML & SQL Course #A244 Arena Administrator: HTML & SQL Course #A244 Presented by: Arnold Wheatley Shelby Contract Trainer 2018 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks of the

More information

Arena SQL: Query Attendance History Addendum

Arena SQL: Query Attendance History Addendum Arena SQL: Query Attendance History Addendum (Course #A252) Presented by Tim Wilson Arena Software Developer 2017 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks

More information

Arena Lists (Pre-ISC Lecture)

Arena Lists (Pre-ISC Lecture) Arena Lists (Pre-ISC Lecture) (Course #A101) Presented by: William Ross Shelby Contract Trainer 2018 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks of the respective

More information

Arena SQL: Query Attendance History Course #A252

Arena SQL: Query Attendance History Course #A252 Arena SQL: Query Attendance History Course #A252 Presented by: Tim Wilson Shelby Arena Software Developer 2018 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks

More information

Arena Word Merge Templates

Arena Word Merge Templates Arena Word Merge Templates (Course #A224) Presented by: Staci Sampson Shelby Contract Trainer 2018 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks of the respective

More information

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space. HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information

More information

Arena: Modify Check-In Labels (Course #A231)

Arena: Modify Check-In Labels (Course #A231) Arena: Modify Check-In Labels (Course #A231) Presented by: Ben Lane Senior Staff Trainer 2018 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks of the respective

More information

2017 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks of the respective holders.

2017 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks of the respective holders. 2017 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks of the respective holders. The following topics are presented in this session: Database naming conventions

More information

Arena: Membership Lists Foundations (Hands On)

Arena: Membership Lists Foundations (Hands On) Arena: Membership Lists Foundations (Hands On) [Course #A118] Presented by: Linda Johnson Shelby Contract Trainer 2017 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks

More information

USER GUIDE MADCAP FLARE Tables

USER GUIDE MADCAP FLARE Tables USER GUIDE MADCAP FLARE 2018 Tables Copyright 2018 MadCap Software. All rights reserved. Information in this document is subject to change without notice. The software described in this document is furnished

More information

Arena Reports Using Report Builder

Arena Reports Using Report Builder Arena Reports Using Report Builder (Course #A127) Presented by: Ben Lane Senior Staff Trainer 2018 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks of the respective

More information

SQL Server Reporting Services for v.5, Arena or ShelbyNext Financials How to Start!

SQL Server Reporting Services for v.5, Arena or ShelbyNext Financials How to Start! SQL Server Reporting Services for v.5, Arena or ShelbyNext Financials How to Start! (Course E17) Presented by: Arnold Wheatley Shelby Contract Trainer 2017 Shelby Systems, Inc. Other brand and product

More information

ShelbyNext Membership: Transition Prep & Implementation

ShelbyNext Membership: Transition Prep & Implementation ShelbyNext Membership: Transition Prep & Implementation Pre-ISC Lecture (Course #M103) Presented by: Jeannetta Douglas Shelby Contract Trainer 2018 Shelby Systems, Inc. Other brand and product names are

More information

Arena: Edit Existing Reports

Arena: Edit Existing Reports Arena: Edit Existing Reports (Course A27) Presented by: Ben Lane Senior Staff Trainer 2017 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks of the respective holders.

More information

The most important layout aspects that can be done with tables are:

The most important layout aspects that can be done with tables are: Tables Tables are used on websites for two major purposes: The purpose of arranging information in a table The purpose of creating a page layout within the use of hidden tables Using tables to divide the

More information

Arena Dashboard Part 1: Querying Tags & Groups

Arena Dashboard Part 1: Querying Tags & Groups Arena Dashboard Part 1: Querying Tags & Groups (Course A20) Presented by: Alex Nicoletti, Arena Product & Implementations Manager And Arnold Wheatley, Shelby Contract Trainer 2017 Shelby Systems, Inc.

More information

Forms Design Best Practice Front Office

Forms Design Best Practice Front Office Forms Design Best Practice Front Office Tips to help you design better forms 1.0 Getting the best out of the forms designer 1.1 Consistent Styling Having a set of forms using a consistent styling can add

More information

HTML BEGINNING TAGS. HTML Structure <html> <head> <title> </title> </head> <body> Web page content </body> </html>

HTML BEGINNING TAGS. HTML Structure <html> <head> <title> </title> </head> <body> Web page content </body> </html> HTML BEGINNING TAGS HTML Structure Web page content Structure tags: Tags used to give structure to the document.

More information

Chapter 9 Table Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D

Chapter 9 Table Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D Chapter 9 Table Basics Key Concepts Copyright 2013 Terry Ann Morris, Ed.D 1 Learning Outcomes Describe the recommended use of a table on a web page Configure a basic table with the table, table row, table

More information

NCR Customer Connect Working with Templates: ADVANCED

NCR Customer Connect Working with Templates: ADVANCED NCR Customer Connect Working with Templates: ADVANCED Adding Your Logo to an Image Banner... 2 Mixed 2 Column + 1 Column Template... 4 Changing the Body-Separator Color... 6 Changing the Template Border

More information

Html basics Course Outline

Html basics Course Outline Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and

More information

Basic User. Walk Through Guide

Basic User. Walk Through Guide Basic User Walk Through Guide This quick tutorial will help you get started exploring the many features of our new church web-based online community. You will be able to interact with others, get details

More information

Telerik Training for Mercury 3

Telerik Training for Mercury 3 Telerik Training for Mercury 3 Telerik training is intended for IT professionals and Power Users familiar with constructing reports based on raw data from databases or spreadsheets. You will learn how

More information

c122sep2214.notebook September 22, 2014

c122sep2214.notebook September 22, 2014 This is using the border attribute next we will look at doing the same thing with CSS. 1 Validating the page we just saw. 2 This is a warning that recommends I use CSS. 3 This caused a warning. 4 Now I

More information

Welcome Please sit on alternating rows. powered by lucid & no.dots.nl/student

Welcome Please sit on alternating rows. powered by lucid & no.dots.nl/student Welcome Please sit on alternating rows powered by lucid & no.dots.nl/student HTML && CSS Workshop Day Day two, November January 276 powered by lucid & no.dots.nl/student About the Workshop Day two: CSS

More information

Nebraska - eforms. Tips and Tricks

Nebraska - eforms. Tips and Tricks Nebraska - eforms Tips and Tricks 1) Nebraska eforms is an ASP.Net 4.0 - Silverlight 4 web application created for industry users to submit required regulatory forms electronically. You must have.net Framework

More information

Introduction to Computer Science (I1100) Internet. Chapter 7

Introduction to Computer Science (I1100) Internet. Chapter 7 Internet Chapter 7 606 HTML 607 HTML Hypertext Markup Language (HTML) is a language for creating web pages. A web page is made up of two parts: the head and the body. The head is the first part of a web

More information

Query Studio Training Guide Cognos 8 February 2010 DRAFT. Arkansas Public School Computer Network 101 East Capitol, Suite 101 Little Rock, AR 72201

Query Studio Training Guide Cognos 8 February 2010 DRAFT. Arkansas Public School Computer Network 101 East Capitol, Suite 101 Little Rock, AR 72201 Query Studio Training Guide Cognos 8 February 2010 DRAFT Arkansas Public School Computer Network 101 East Capitol, Suite 101 Little Rock, AR 72201 2 Table of Contents Accessing Cognos Query Studio... 5

More information

Excel Project 1 Creating a Worksheet and an Embedded Chart

Excel Project 1 Creating a Worksheet and an Embedded Chart 7 th grade Business & Computer Science 1 Excel Project 1 Creating a Worksheet and an Embedded Chart What is MS Excel? MS Excel is a powerful spreadsheet program that allows users to organize data, complete

More information

Arena Reports Using Report Builder

Arena Reports Using Report Builder Arena Reports Using Report Builder (Course #A127) Presented by: Staci Sampson Contract Trainer 2017 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks of the respective

More information

iparts, iparts, & More iparts

iparts, iparts, & More iparts iparts, iparts, & More iparts Tuesday November 29, 2016 1:30 pm 3:00 pm Troy Stenback ASI Consulting Description With nearly 100 iparts available, it can be difficult and confusing to find the best ipart

More information

ShelbyNext Membership: Reports (Hands On)

ShelbyNext Membership: Reports (Hands On) ShelbyNext Membership: Reports (Hands On) (Course #M115) Presented by: Jeannetta Douglas Shelby Contract Trainer 2018 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks

More information

Pre-Conversion Checklist

Pre-Conversion Checklist v.5 to Arena/ShelbyNext Updated: 11/03/2017 2017 Shelby Systems, Inc. All Rights Reserved Other brand and product names are trademarks or registered trademarks of the respective holders. Contents Overview...

More information

INFS 2150 Introduction to Web Development

INFS 2150 Introduction to Web Development INFS 2150 Introduction to Web Development 6. Tables and Columns Objectives Explore the structure of a web table Create table heading and data cells Apply CSS styles to a table Create cells that span multiple

More information

INFS 2150 Introduction to Web Development

INFS 2150 Introduction to Web Development INFS 2150 Introduction to Web Development 6. Tables and Columns Objectives Explore the structure of a web table Create table heading and data cells Apply CSS styles to a table Create cells that span multiple

More information

Certified HTML5 Developer VS-1029

Certified HTML5 Developer VS-1029 VS-1029 Certified HTML5 Developer Certification Code VS-1029 HTML5 Developer Certification enables candidates to develop websites and web based applications which are having an increased demand in the

More information

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148 Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,

More information

Telerik Training for Mercury 3

Telerik Training for Mercury 3 Telerik Training for Mercury 3 Telerik training is intended for IT professionals and Power Users familiar with constructing reports based on raw data from databases or spreadsheets. You will learn how

More information

Certified HTML Designer VS-1027

Certified HTML Designer VS-1027 VS-1027 Certification Code VS-1027 Certified HTML Designer Certified HTML Designer HTML Designer Certification allows organizations to easily develop website and other web based applications which are

More information

Copyright IBM Corporation All Rights Reserved.

Copyright IBM Corporation All Rights Reserved. Customizing Publication Skins IBM Rational Method Composer 7.2 Tushara Gangavaram (tgang@us.ibm.com), Tech Services Engineer, IBM Peter Haumer (phaumer@us.ibm.com), RMC Solution Architect, IBM Copyright

More information

Day 8: 7/June/2012. Log-in Authentication

Day 8: 7/June/2012. Log-in Authentication Day 8: 7/June/2012 Log-in Authentication p Learn authentication so that only specific users can use the Web information of the system. p We use Devise to p Add one line to the file project/gemfile gem

More information

Cascading Style Sheets Level 2

Cascading Style Sheets Level 2 Cascading Style Sheets Level 2 Course Objectives, Session 1 Level 1 Quick Review Chapter 6 Revisit: Web Fonts Chapter 8: Adding Graphics to Web Pages Chapter 9: Sprucing Up Your Site s Navigation Begin

More information

GIMP WEB 2.0 MENUS WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR CREATING AN HTML LIST

GIMP WEB 2.0 MENUS WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR CREATING AN HTML LIST GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR Hover effect: CREATING AN HTML LIST Most horizontal or vertical navigation bars begin with a simple

More information

presented by Traci Grassi BrightWork Solution Specialist hosted by Bróna O Donnell Customer Success

presented by Traci Grassi BrightWork Solution Specialist hosted by Bróna O Donnell Customer Success presented by Traci Grassi BrightWork Solution Specialist hosted by Bróna O Donnell Customer Success AGENDA Tips and Tricks Reporting Tips Synchronization Tips Project Site Level Tips Q&A Renaming Columns

More information

HTMLnotesS15.notebook. January 25, 2015

HTMLnotesS15.notebook. January 25, 2015 The link to another page is done with the

More information

Main Window. Overview. Do this Click the New Report link. Create a New Report.

Main Window. Overview. Do this Click the New Report link. Create a New Report. Overview Main Window Create a new report from a table or existing view Create a new report by defining a custom join Work with your custom reports Open a recently accessed custom report Work with reports

More information

Reporter Tutorial: Intermediate

Reporter Tutorial: Intermediate Reporter Tutorial: Intermediate Refer to the following sections for guidance on using these features of the Reporter: Lesson 1 Data Relationships in Reports Lesson 2 Create Tutorial Training Report Lesson

More information

Web Structure and Style. MB2030 Section 2 Class 4

Web Structure and Style. MB2030 Section 2 Class 4 Web Structure and Style MB2030 Section 2 Class 4 Web Site Hierarchies The Structure of the Web How the Internet Works Computers connected to the Web are called clients and servers. A simplified diagram

More information

Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo

Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo Note: We skipped Study Guide 1. If you d like to review it, I place a copy here: https:// people.rit.edu/~nbbigm/studyguides/sg-1.docx

More information

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS MOST TAGS CLASS Divides tags into groups for applying styles 202 ID Identifies a specific tag 201 STYLE Applies a style locally 200 TITLE Adds tool tips to elements 181 Identifies the HTML version

More information

CSS مفاهیم ساختار و اصول استفاده و به کارگیری

CSS مفاهیم ساختار و اصول استفاده و به کارگیری CSS مفاهیم ساختار و اصول استفاده و به کارگیری Cascading Style Sheets A Cascading Style Sheet (CSS) describes the appearance of an HTML page in a separate document : مسایای استفاده از CSS It lets you separate

More information

CSS: The Basics CISC 282 September 20, 2014

CSS: The Basics CISC 282 September 20, 2014 CSS: The Basics CISC 282 September 20, 2014 Style Sheets System for defining a document's style Used in many contexts Desktop publishing Markup languages Cascading Style Sheets (CSS) Style sheets for HTML

More information

Arena Reports (Course # A117)

Arena Reports (Course # A117) Arena Reports (Course # A117) Presented by: Staci Sampson Shelby Contract Trainer Objective This session covers information on how to add and organize Arena reports. The following topics are presented

More information

Session 4. Style Sheets (CSS) Reading & References. A reference containing tables of CSS properties

Session 4. Style Sheets (CSS) Reading & References.   A reference containing tables of CSS properties Session 4 Style Sheets (CSS) 1 Reading Reading & References en.wikipedia.org/wiki/css Style Sheet Tutorials www.htmldog.com/guides/cssbeginner/ A reference containing tables of CSS properties web.simmons.edu/~grabiner/comm244/weekthree/css-basic-properties.html

More information

LING 408/508: Computational Techniques for Linguists. Lecture 14

LING 408/508: Computational Techniques for Linguists. Lecture 14 LING 408/508: Computational Techniques for Linguists Lecture 14 Administrivia Homework 5 has been graded Last Time: Browsers are powerful Who that John knows does he not like? html + javascript + SVG Client-side

More information

Introduction to the MODx Manager

Introduction to the MODx Manager Introduction to the MODx Manager To login to your site's Manager: Go to your school s website, then add /manager/ ex. http://alamosa.k12.co.us/school/manager/ Enter your username and password, then click

More information

TABLE OF CONTENTS. Web Manual 08.01

TABLE OF CONTENTS. Web Manual 08.01 Webmaster Manual TABLE OF CONTENTS 1. Registering to edit your website... 3 2. Logging in to Edit your Website... 3 3. How to Edit a Page... 4 4. Edit Options Home (1 st Tab)... 5 5. Edit Options Objects

More information

SQL Deluxe 2.0 User Guide

SQL Deluxe 2.0 User Guide Page 1 Introduction... 3 Installation... 3 Upgrading an existing installation... 3 Licensing... 3 Standard Edition... 3 Enterprise Edition... 3 Enterprise Edition w/ Source... 4 Module Settings... 4 Force

More information

Business Insight Authoring

Business Insight Authoring Business Insight Authoring Getting Started Guide ImageNow Version: 6.7.x Written by: Product Documentation, R&D Date: August 2016 2014 Perceptive Software. All rights reserved CaptureNow, ImageNow, Interact,

More information

Arena Development 101 / 102 Courses # A280, A281 IMPORTANT: You must have your development environment set up for this class

Arena Development 101 / 102 Courses # A280, A281 IMPORTANT: You must have your development environment set up for this class Arena Development 101 / 102 Courses # A280, A281 IMPORTANT: You must have your development environment set up for this class Presented by: Jeff Maddox Director of Platform Integrations, Ministry Brands

More information

Unveiling the Basics of CSS and how it relates to the DataFlex Web Framework

Unveiling the Basics of CSS and how it relates to the DataFlex Web Framework Unveiling the Basics of CSS and how it relates to the DataFlex Web Framework Presented by Roel Fermont 1 Today more than ever, Cascading Style Sheets (CSS) have a dominant place in online business. CSS

More information

Summary 4/5. (contains info about the html)

Summary 4/5. (contains info about the html) Summary Tag Info Version Attributes Comment 4/5

More information

EXTRA YARD FOR TEACHERS WEEK

EXTRA YARD FOR TEACHERS WEEK EXTRA YARD FOR TEACHERS WEEK Social Media Toolkit This year s Extra Yard For Teachers Week social media toolkit consists of 12 social graphics, one video, and a bank of inspirational images to be used

More information

epromo Guidelines DUE DATES NOT ALLOWED PLAIN TEXT VERSION

epromo Guidelines DUE DATES NOT ALLOWED PLAIN TEXT VERSION epromo Guidelines HTML Maximum width 700px (length = N/A) Image resolution should be 72dpi Maximum total file size, including all images = 200KB Only use inline CSS, no stylesheets Use tables, rather than

More information

McMaster Brand Standard for Websites

McMaster Brand Standard for Websites McMaster University s policy calls for all university websites to follow its brand standard. McMaster websites share common elements, presentation and behavior and a consistent design, enabling visitors

More information

Web Designing HTML5 NOTES

Web Designing HTML5 NOTES Web Designing HTML5 NOTES HTML Introduction What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages

More information

Table of Contents. MySource Matrix Content Types Manual

Table of Contents. MySource Matrix Content Types Manual Table of Contents Chapter 1 Introduction... 5 Chapter 2 WYSIWYG Editor... 6 Replace Text... 6 Select Snippet Keyword... 7 Insert Table and Table Properties... 8 Editing the Table...10 Editing a Cell...12

More information

eschoolplus+ Cognos Query Studio Training Guide Version 2.4

eschoolplus+ Cognos Query Studio Training Guide Version 2.4 + Training Guide Version 2.4 May 2015 Arkansas Public School Computer Network This page was intentionally left blank Page 2 of 68 Table of Contents... 5 Accessing... 5 Working in Query Studio... 8 Query

More information

Modify cmp.htm, contactme.htm and create scheduleme.htm

Modify cmp.htm, contactme.htm and create scheduleme.htm GRC 175 Assignment 2 Modify cmp.htm, contactme.htm and create scheduleme.htm Tasks: 1. Setting up Dreamweaver and defining a site 2. Convert existing HTML pages into proper XHTML encoding 3. Add alt tags

More information

Structure Bars. Tag Bar

Structure Bars. Tag Bar C H E A T S H E E T / / F L A R E 2 0 1 8 Structure Bars The XML Editor provides structure bars above and to the left of the content area in order to provide a visual display of the topic tags and structure.

More information

HTML & CSS. SWE 432, Fall 2017 Design and Implementation of Software for the Web

HTML & CSS. SWE 432, Fall 2017 Design and Implementation of Software for the Web HTML & CSS SWE 432, Fall 2017 Design and Implementation of Software for the Web HTML: HyperText Markup Language LaToza Language for describing structure of a document Denotes hierarchy of elements What

More information

COMP519 Web Programming Lecture 6: Cascading Style Sheets: Part 2 Handouts

COMP519 Web Programming Lecture 6: Cascading Style Sheets: Part 2 Handouts COMP519 Web Programming Lecture 6: Cascading Style Sheets: Part 2 Handouts Ullrich Hustadt Department of Computer Science School of Electrical Engineering, Electronics, and Computer Science University

More information

Web Development & Design Foundations with HTML5

Web Development & Design Foundations with HTML5 1 Web Development & Design Foundations with HTML5 CHAPTER 8 TABLES 2 Learning Outcomes In this chapter, you will learn how to... Create a basic table with the table, table row, table header, and table

More information

CSS Cascading Style Sheets

CSS Cascading Style Sheets CSS Cascading Style Sheets site root index.html about.html services.html stylesheet.css images boris.jpg Types of CSS External Internal Inline External CSS An external style sheet is a text document with

More information

Prophet 21 World Wide User Group Webinars. Barry Hallman. SQL Queries & Views. (Part 2)

Prophet 21 World Wide User Group Webinars. Barry Hallman. SQL Queries & Views. (Part 2) Prophet 21 World Wide User Group Webinars SQL Queries & Views (Part 2) Barry Hallman Disclaimer This webinar is an attempt by P21WWUG members to assist each other by demonstrating ways that we utilize

More information

Customizing Graphical Reports

Customizing Graphical Reports MicroEdge Customizing Graphical Reports Table of Contents EnablingReportLayoutEditingforIndividualUsers 2 EnablingReportLayoutEditingSystemWide 3 OverviewforModifyingTemplatesandThemes 3 AddingaLogototheHeaderofaReport

More information

The figure below shows the Dreamweaver Interface.

The figure below shows the Dreamweaver Interface. Dreamweaver Interface Dreamweaver Interface In this section you will learn about the interface of Dreamweaver. You will also learn about the various panels and properties of Dreamweaver. The Macromedia

More information

Lab Introduction to Cascading Style Sheets

Lab Introduction to Cascading Style Sheets Lab Introduction to Cascading Style Sheets For this laboratory you will need a basic text editor and a browser. In the labs, winedt or Notepad++ is recommended along with Firefox/Chrome For this activity,

More information

Advanced Table Styles

Advanced Table Styles Advanced Table Styles Scott DeLoach scott@clickstart.net ClickStart www.clickstart.net In this session, I will describe advanced techniques for formatting tables. Creating a table Select Insert > Table.

More information

Desktop Studio: Charts. Version: 7.3

Desktop Studio: Charts. Version: 7.3 Desktop Studio: Charts Version: 7.3 Copyright 2015 Intellicus Technologies This document and its content is copyrighted material of Intellicus Technologies. The content may not be copied or derived from,

More information

Printing a Monthly Calendar Updated: November 4, 2015

Printing a Monthly Calendar Updated: November 4, 2015 Printing a Monthly Calendar Updated: November 4, 2015 If you need to print, export to PDF, or email your calendar, you are able to build a monthly calendar report that will allow you to do so. By building

More information

2017 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks of the respective holders.

2017 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks of the respective holders. 2017 Shelby Systems, Inc. Other brand and product names are trademarks or registered trademarks of the respective holders. Objective To provide a brief overview of some of the functionality available to

More information

Communication Tools Quick Reference Card

Communication Tools Quick Reference Card Mailing Labels Use mailing label templates to print mailing or other information on labels for students or staff. For example, for a form letter that must be mailed to each student s home, create mailing

More information

UTAS CMS. Easy Edit Suite Workshop V3 UNIVERSITY OF TASMANIA. Web Services Service Delivery & Support

UTAS CMS. Easy Edit Suite Workshop V3 UNIVERSITY OF TASMANIA. Web Services Service Delivery & Support Web Services Service Delivery & Support UNIVERSITY OF TASMANIA UTAS CMS Easy Edit Suite Workshop V3 Web Service, Service Delivery & Support UWCMS Easy Edit Suite Workshop: v3 Contents What is Easy Edit

More information

Attributes & Images 1 Create a new webpage

Attributes & Images 1 Create a new webpage Attributes & Images 1 Create a new webpage Open your test page. Use the Save as instructions from the last activity to save your test page as 4Attributes.html and make the following changes:

More information

The Crypt Keeper Cemetery Software Online Version Tutorials To print this information, right-click on the contents and choose the 'Print' option.

The Crypt Keeper Cemetery Software Online Version Tutorials To print this information, right-click on the contents and choose the 'Print' option. The Crypt Keeper Cemetery Software Online Version Tutorials To print this information, right-click on the contents and choose the 'Print' option. Home Greetings! This tutorial series is to get you familiar

More information

Documentation of the UJAC print module's XML tag set.

Documentation of the UJAC print module's XML tag set. Documentation of the UJAC print module's XML tag set. tag Changes the document font by adding the 'bold' attribute to the current font. tag Prints a barcode. type: The barcode type, supported

More information

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100 Introduction to Multimedia MMP100 Spring 2016 profehagan@gmail.com thiserichagan.com/mmp100 Troubleshooting Check your tags! Do you have a start AND end tags? Does everything match? Check your syntax!

More information

ProvideX. NOMADS Enhancements

ProvideX. NOMADS Enhancements ProvideX VERSION 8.0 NOMADS Enhancements Introduction 3 Panel Designer Enhancements 5 Properties Window 7 New Format Definition for Grids/List Boxes 12 Bulk Edit Utility 14 Drag and Drop Utility 16 Dependency

More information

Grade: 7 Lesson name: Creating a School News Letter Microsoft Word 2007

Grade: 7 Lesson name: Creating a School News Letter Microsoft Word 2007 Grade: 7 Lesson name: Creating a School News Letter Microsoft Word 2007 1. Open Microsoft Word 2007. Word will start up as a blank document. 2. Change the margins by clicking the Page Layout tab and clicking

More information

Introduction to Computer Science Web Development

Introduction to Computer Science Web Development Introduction to Computer Science Web Development Flavio Esposito http://cs.slu.edu/~esposito/teaching/1080/ Lecture 9 Lecture Outline Text Styling Some useful CSS properties The Box Model essential to

More information

Release Notes

Release Notes 2100.2.100 Release Notes General Note This release includes an update for.net from 4.0 to 4.6.1. The release needs to be installed on your server, as well as your workstations running any of the Click

More information

HTML Text Formatting. HTML Session 2 2

HTML Text Formatting. HTML Session 2 2 HTML Session 2 HTML Text Formatting HTML also defines special elements for defining text with a special meaning. - Bold text - Important text - Italic text - Emphasized text

More information

week8 Tommy MacWilliam week8 October 31, 2011

week8 Tommy MacWilliam week8 October 31, 2011 tmacwilliam@cs50.net October 31, 2011 Announcements pset5: returned final project pre-proposals due Monday 11/7 http://cs50.net/projects/project.pdf CS50 seminars: http://wiki.cs50.net/seminars Today common

More information

Five Advanced CSS Techniques Every Technical Author Should Know

Five Advanced CSS Techniques Every Technical Author Should Know Five Advanced CSS Techniques Every Technical Author Should Know PRESENTED BY Mike Hamilton V.P. Product Evangelism MadCap Software Presenter Information Mike Hamilton V.P. of Product Evangelism MadCap

More information

ICDPPC.ORG - WEBSITE MANUAL

ICDPPC.ORG - WEBSITE MANUAL ICDPPC.ORG - WEBSITE MANUAL Table of Contents LOGIN TO WEBSITE... 4 GENERAL WEBSITE INSTRUCTIONS... 5 POST & PAGE CONTENT... 6 ADD DOCUMENTS ON PAGES... 7 ADD DOCUMENTS - TRANSLATION VERSIONS... 11 ADD

More information

Style Sheet Reference Guide

Style Sheet Reference Guide Version 8 Style Sheet Reference Guide For Password Center Portals 2301 Armstrong St, Suite 2111, Livermore CA, 94551 Tel: 925.371.3000 Fax: 925.371.3001 http://www.imanami.com This publication applies

More information

FUNDAMENTALS OF WEB DESIGN (405)

FUNDAMENTALS OF WEB DESIGN (405) Page 1 of 8 Contestant Number: Time: Rank: FUNDAMENTALS OF WEB DESIGN (405) REGIONAL 2015 Multiple Choice & Short Answer Section: Multiple Choice (20 @ 10 points each) Application (200 pts) (205 pts) TOTAL

More information