Category: Uncategorized

To create a URL to a particular event on the Events page

• Go to the EventsDev-Future page on the website (https://www.arboretumfriends.org//EventsDev-Future). This is a page that not only shows the current published events but also includes un-published events. Importantly for today’s task, it also includes the ID number for each of the events which you will need below.
• Scroll down to the desired event. Let’s use the 4/7/22 Biblical Botany lecture as an example. Look at the title for that event and you will see a 5-digit number in parentheses. It is 10803 in this case.
• The URL that will open the Events page to that particular event is made up of 3 pieces, one right after the other, with no spaces or punctuation:
  • Events page URL: https://www.arboretumfriends.org//Events
  • The pound sign: #
  • The event id number: 10803
• Leading to: https://www.arboretumfriends.org//Events#10803 as the desired URL.
• If you navigate to that URL and if the event is still published, then your browser will open the Events page at that particular event.

Revised 2/22/21

Make sure your photo is a jpg or png file no larger than 1000 pixels on an edge. Put them in an easily found location, e.g., your desktop.

Click the “Add Event” link in the WebDev Links section and add your text. When ready, click at the beginning of the line where you want to insert the picture (#1 in screenshot) and then click the image handling button (#2).

 

Click the “Browse Server” button (#3) to open the server’s file manager window.

 

Now make sure the “Pictures” folder is highlighted (#4 – this is where you want to store the images) and then click the “Upload” button (#5).

 

Now click “Choose file” (#6)

 

Select the file you want to upload (#7) and then click “Choose for Upload” (#8).

 

Note the name of the file you chose is in the window (#9). Check the Event (250×250) box (#10) and then click “Upload (#11). This uploads the image plus a resized copy (250×250 pixels) to the server.

 

The file list now shows 2 versions of the file, the original you uploaded plus the resized version with “Event_” inserted at the beginning of the original name. Select the “Event_filename.jpg” (#12) and then click “Insert file” (#13).

 

Now we are back to the Image Properties window from several steps ago, but now the URL is filled in as are the Width and Height. Check the “Alignment Right” and “Captioned image” boxes (#14) and then click “OK” (#15).

 

And here we are back in the with our image inserted. One more step, though. Either add a new caption to the image or delete the word caption (#16). 

DON’T FORGET TO SAVE!

 

And here is the finished product. Note the space between the image and the text.

 

1. Setting “Filled” or “Cancelled” signs on existing Events
   Log in
   Click on “EventsDev-Fut” at top left or on “EventsDev-Future” in WebDev Links in right sidebar.
   Scroll to event you wish to change.
   Click “Edit” button at end of title line. This opens the edit window for the selected event.
   Scroll down to the “Status” buttons. Probably the “Active” button shows selected (black dot next to it). Click on “Filled” or “Cancelled.” The black dot will then appear next to your selection.
   Scroll to the bottom of the form and click the “Save” button.
   Click on “EventsDev-Fut” at top left and navigate to the event you changed to confirm that the “Filled” or “Cancelled” sign is posted and the registration buttons have disappeared.
   Editing information about an event.
   Log in
   Click on “EventsDev-Fut” at top left or on “EventsDev-Future” in WebDev Links in right sidebar.
   Scroll to event you wish to change.
   Click “Edit” button at end of title line. This opens the edit window for the selected event.
   Change the information you want to update, e.g., times, description, other information, etc.
   Scroll to the bottom of the form and click the “Save” button.
   Click on “EventsDev-Fut” at top left and navigate to the event you changed to confirm that the changes were made.
   12/21/15
2.  

1. Log in to website
2. Plant Sale Page
   1. URL: https://www.arboretumfriends.org//plantsale
   2. Page logic is to display articles (blog entries) with the tag “PS-18” (no quotes) in reverse order entered, i.e., latest on top.
   3. You can, however, make an article “sticky” which means it will stay at the top. We have done that In the past with an article largely based on your entry in the Spring Arboretum Leaves. I have done that already for you, but you can modify it by following the Edit Article instructions below.
3. Enter New Articles
   1. After you log in, you will get a new menu on top that includes “Add Article.” Click on that to open the editor.
   2. Give your blog entry a nice title.
   3. Enter and format the body of the article in the Body section.
   4. Be sure to add the tag “PS-18” (no quotes) or the article will not show up on the plant sale page.
   5. Click the Save button at the bottom of the editor screen.
   6. The new blog entry should now be visible on the Plant Sale Page.
4. Edit an Existing Article
   1. Click on the title of the article you wish to modify.
   2. On the next screen, click on Edit. That will open the article in the editor.
   3. Make the desired changes in the article.
   4. Click the Save button at the bottom of the editor screen.
   5. The modified article should now be visible on the Plant Sale Page.
5. Insert a thumb image in an article
   1. Add text to new article.
   2. Put cursor at beginning of paragraph where you want to insert image.
   3. Click image icon in top row of WYSIWYG editor.
   4. Navigate: Browse Server | Upload | Choose File and click on image file you want to upload from your computer, then the Open button.
   5. Check the Create thumbnails – Large box, then the Upload button. This uploads the image from your computer to the server and at the same time creates a 180×180 pixel thumbnail image. The thumbnail uses the same file name prefixed with “Large_”.
   6. Click on the thumbnail name and then the Insert file button at the top.
   7. This returns you to the image properties popup. Click on the Alignment – Right button and the “Captioned Image” box, then the OK button.
   8. Your thumbnail should appear right aligned in the editor.
   9. Edit the caption to your desired text.
   10. Save the article.
6. To link thumb image to its full-sized sibling:
   1. Navigate to article
   2. Click on Edit button at top. This opens the WYSIWYG editor screen.
   3. Make sure Text format is set to “Full HTML”
   4. Click on image, then click on Image editing icon in top row of WYSIWYG editor.
   5. Select all of the path in the URL box. Copy it (CMD-C).
   6. Close the Image Properties popup using the Cancel button.
   7. Click on Link tab.
   8. Paste the URL into the URL box. Delete the “large_” that prefixes your image file name.
   9. Set the Target to “New Window (_blank)”.
   10. Click OK.
   11. Save article.
   12. Test the link by clicking on the image. It should open a new tab on your browser showing the full-sized image.

12/14/18