Image Uploading and Proper Resizing in Joomla

E-mail
Monday, 06 April 2009
When uploading and inserting an image into the Joomla content item you should:

1. Put your cursor in the location where you would like to insert the image
2. Click on Insert/Edit image icon

001insert_edit_images.png























3. Click on Upload icon and browse your local computer for the image you want to upload. You can resize the image right here by clicking checkmark and typing in new width for the image. The image will be resized proportionally immediately after upload has completed.

4. Click OK to start uploading.

002_upload_resize.png


















Make sure to have the image you've just uploaded selected and edit any of the parameters if necessary (like: Description, Title, VSpace, HSpace, Alignment, etc.).

5. After you are satisfied with everything just click Insert button.

003_new_image_dimensions.png
















If you would like to resize the image that has been previously uploaded you SHOULDN'T scale it by dragging its corner diagonally (as on the image bellow):

005_scaling.png

























Instead, you should select the image, click on Insert/Edit image icon and click on the Resize icon on the bottom right corner (see the image bellow):


004_resize_image.png
















If you find this tutorial difficult or have any recommendations that could improve it go ahead and make your comment bellow.

Dragan Grahovac | Business and Marketing Development | OGO Sense | www.ogosense.com
tel.+1 (617) 418-4646 | fax +1 (617) 446-1468 | This e-mail address is being protected from spam bots, you need JavaScript enabled to view it | skype: ogosense
Last Updated ( Monday, 27 April 2009 )
 

How to upload big files to your Joomla website?

E-mail
Tuesday, 10 March 2009

FireFTP is a completely free, secure, robust and --- best of all cross-platform FTP client (extension) for Mozilla Firefox which provides easy and intuitive access to FTP servers. You can easily drag and drop files from your local directories to the server. Obvious benefits are: large files upload (large images, videos, documents), multiple file upload, folder upload,...

If you don't have it installed just follow the steps described on the image bellow:

0011add_on_firefox.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  1. Open Firefox, click on Tools >> Add-ons
  2. Type in "fireftp" and press Enter to browse for it
  3. Click on "Add to Firefox" and after installation finishes restart Firefox.
Go to your menu bar and click Tools -> FireFTP. Alternatively, you can use the toolbar button. To add the toolbar button, right click on the Firefox toolbar and select "Customize...". Then find the FireFTP button and drag it to the toolbar somewhere.

0022start_fireftp.png
























Make sure you have successfully restarted Firefox after installation; otherwise FireFTP will not be fully installed.

FireFTP will open in another tab by default. To connect to remote ftp click on "Create an account" as described in the image bellow.
If you are doing website maintenance w/ OGO Sense and do not know your FTP login info, please contact us.

After typing in the main details and ID confirm with OK and click the "Connect" button to make the connection to your site.

0031connect.png


























Once you've connected, you'll find that the local files are on your left and the remote files are on your right. You can click on a local file and press the arrow pointing to the right to upload a file to the server.
Similarly, you can click on a file on the right side and press the arrow pointing to the left to download a file from the server to your computer.
It would be good if you could use ...images/stories folder for uploading your documents and further classification of those as well.

Check for more tips in the image bellow:

0042manage_files.png

























We hope you'll find the FireFTP application helpful and simple to use but feel free to contact us if you have any issues uploading your content to your Joomla website.
If you find this tutorial hard to follow or have recommendations on how to improve it, feel free to leave a comment in the form below.

--
Dragan Grahovac | Business and Marketing Development | OGO Sense | www.ogosense.com
tel.+1 (617) 418-4646 | fax +1 (617) 446-1468 | This e-mail address is being protected from spam bots, you need JavaScript enabled to view it | skype: ogosense
Last Updated ( Tuesday, 08 September 2009 )
 

How to setup paid event registrations in Joomla?

E-mail
Thursday, 05 March 2009
DT Register is a tool that works in conjunction with the JEvents component to enable you to take online registrations for your events, paid or unpaid. You can setup individual and group registration rates, set late fees, etc. Fees are then paid with a credit card and processed through your Authorize.net payment gateway OR through a PayPal account.

NOTE for PAYPAL:
You must have Instant Payment Notification (IPN) enabled in your PayPal account for registration records to be created properly in DT Register. To do this, login to your PayPal account and go to Edit Profile. Under the "Selling Preferences" column, click on "Instant Payment Notification Preferences". The next screen will show if this is On or Off. To turn it On, click the EDIT button. Then check the checkbox and then input a url in the Notification URL box. DT Register actually has the necessary URL coded in, so it doesn't matter what url is input here. If nothing is there, just type in your website URL including the http:// on the front. Click SAVE and you're all set!

Log in in the Joomla back-end and go to Components -> DT Register -> Edit Settings, then follow these instructions (various tabs):

  1. API Login ID:  Enter your API Login ID  for Authorize.net.  If you are only using PayPal, you will not need this. 
  2. Transaction key:  Enter your Authorize.net Transaction key.  This is a 16-character string of letters and numbers.
  3. Thanks Message:  This is the text that will display on the screen after the registration is complete.  You can customize what you want to say to the registrant, possibly giving them details or telling them what to expect now that they have registered.
  4. Thanks Email Subject:  Enter the subject of the email that will be sent to the registrant.
  5. Thanks Email:  This is the text that will be sent in a "thank you" email to the registrant.  An email receipt of the credit card charge will also be sent through your authorize.net account, but this is a separate email directly from you or your organization. You can use HTML code to customize the look and layout of this email message.
  6. Message/Instructions:  This is the message that appears above the registration form. You can customize this to include any type of instructions or message that you'd like to give to your registrants.
  7. Payment Methods:  Select if you will accept Authorize.net, PayPal or BOTH.
  8. Select Card Types:  Select the credit card types that you accept from Visa, Mastercard, Discover and American Express.  Whichever items are checked will show on your payment form as an option for the registrant to pay with.
  9. PayPal ID:  Enter the email address that you accept PayPal payments at.
  10. Live/Test Modes:  You can setup both PayPal and Authorize.net to either Live or Test Modes.  They must be set on Live to take actual transactions on your site.
  11. Registration Types:  This gives you the option to select Individual Registrations, Group, or BOTH.  This setting affects all events.
  12. Click Save.

 

dtregister_setup_new.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Next, go to Components -> DT Register -> Events Management (see the image above)

  1. Event Title:  Select an event from the drop-down box.  Any event that has been created in your Events component, is published, and has NOT already had registration setup for it will appear in this list.
  2. Individual Registration Rate:  Input the dollar amount (without a dollar sign) for the registration cost for one person.
  3. Group Registration Rates:  Here, you can setup multiple group options.  Input a member count and corresponding registration rates for that group size.  For example, while the individual rate is $25, when your group is 5 or more, they can all go for $100 or $20 per person.
  4. Late Fee:  Input the dollar amount (without the dollar sign) that will be added on to the registration fee when someone registers after the set late fee date.
  5. Late Fee Date:  Select the date after which the late fee will be added.  The date selected is the last day that regular registration rates will apply.
  6. Confirmation Email Setting:  Select the email address that you would like registration confirmation emails sent to for this event.  Different events can have different contacts set to receive this email.
  7. Click "Save".  If you need to make any changes to this event, you can Edit it from the Event Managements screen.
Once registrations start coming in from your site, you can go to Components -> DT Register -> Registration Records and view/edit records for each registration that has been processed.
Dragan Grahovac | Business and Marketing Development | OGO Sense | www.ogosense.com
tel.+1 (617) 418-4646 | fax +1 (617) 446-1468 | This e-mail address is being protected from spam bots, you need JavaScript enabled to view it | skype: ogosense
Last Updated ( Thursday, 12 March 2009 )
 

How to use an event calendar in Joomla?

E-mail
Monday, 23 February 2009

This is the tutorial that will help you create a calendar and add events using JEvents.

To add entries to your Events Calendar you must first create a category(s) for the events to go in.
First go to your administration site:    yourdomain.com/administrator

1) From the menu, choose Components > Events > Manage Categories

001jevents.png


 

 

 




 

2) Click the New Button
3) Choose a color for your category. This color will show as a background on your calendar,
for events in that category.

002jevents.png

 

 

 

 

 

 

 

 

 

  
4) Type in a Category Title and Category Name.

003jevents.png

 

 

 

 

 

 

 

 


5) Click the Save button
6) Publish the category by clicking on the red x under the word published. It will turn into a green check mark.

0041jevents.png

 








Now you may add events to your calendar.  If you have a front end login, skip to #13 below.  If you do not have a front page login, continue with #6

6) Go to:  Components > Events > Manage Events

005jevents.png

 

 

 

 

 

 

 

 

 

 

7) Click the New Button.
8) Type in a Subject and select a category.

006jevents.png

 

 

 

 

 

 

 

 

 
9) Type in a description, location, contact, etc. (if desired).

007jevents.png

 

 

 

 

 

 

 

 

 

 

 

10) Click on the 'Calendar' tab at the top of the Add Event box.
11) Fill in the start date (the date of the event) and time.  Fill in the date the event finishes
(if different than the start date) and the time the event finishes. If an event repeats, let's say
every week or every month, use the options on the chart below to auto repeat the calendar entry.
12) Click the Save button

0081jevents.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

13) Go to the front end of your site.
14) Log in to the front end of your site. Use your regular username and password.

2)  Click on the date you want to add an entry to.
3)  Click on the words, Add and Event|
4) Choose the category you created.
5) Type in a name for the event.
6) Type in a description.
7) Click on the second tab: Calendar
8) Choose a start date (this is the date of the event) and an end date if the event runs
for one day only, make the start date and end date the same).
9) Choose a start time and end time.
10) The next section is Repeat Type. If an event repeats,let's say every week or every month,
use the options on the chart below to auto repeat the calendar entry.
11)  When you are happy with the details of the event, click the Save icon at the top right.
To see your event, click on My Events at the bottom of the box, or click Home. You will see
the day of the event is in another color and is bold, click on that day and details of the event
will come up. If you want to modify the event, go to the event and click the modify button.

If you need any assistance with setting this component up feel free to contact us or leave a comment bellow.

Dragan Grahovac | Business and Marketing Development | OGO Sense | www.ogosense.com
tel.+1 (617) 418-4646 | fax +1 (617) 446-1468 | This e-mail address is being protected from spam bots, you need JavaScript enabled to view it | skype: ogosense

Last Updated ( Thursday, 12 March 2009 )
 

Turning clicks into cash by MSNBC

E-mail
Monday, 16 February 2009
Last Updated ( Monday, 16 February 2009 )