Tuesday, September 29, 2020

Joomla frameworks

I have been working with a couple of different templates and the frameworks they use.

Gantry:  http://gantry.org/downloads

T3:  http://www.t3-framework.org/downloads.html

Sparky: https://www.hotjoomlatemplates.com/sparky-joomla

EF4:  https://www.joomla-monster.com/knowledge-base-area/templates-documentation/general-info-ef4-framework-for-joomla-3-x/framework-ver-ef4

Zurb: http://foundation.zurb.com/

I don’t have an opinion on either of them yet.

 

I hope this helps someone else out there…

 

Chronoforms 5 styled with Font Awesome

Here is the end result:

chronoform_font_awesome

Font Awesome gets linked in the header:

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

Here is the Chronoforms Code:

<div class=”form-group gcore-form-row” id=”form-row-custom”><div class=”gcore-input gcore-display-table” id=”fin-custom”><p class=”disclaimer_text_home”>Notice: This website presents general information about  and is not intended as legal advice, nor should you consider it as advice. You should not act upon this information without seeking professional counsel. Please keep in mind that merely contacting  by email or otherwise will not establish an attorney-client relationship.  cannot represent you until the firm knows there would not be a conflict of interest and the firm determines that it is otherwise able to accept the engagement. Accordingly, please do not send  any information or documents until a formal attorney-client relationship has been established through an interview with an attorney and you get authorization in the form of an engagement letter from  Any information or documents sent prior to your receipt of an engagement letter cannot be treated as confidences, secrets, or protected information of any nature.</p></div></div>
<div class=”form-group gcore-form-row” id=”form-row-multi-11″><div class=”gcore-subinput-container-wide” id=”fitem-namehome”><div class=”gcore-input pull-left gcore-sub-input gcore-display-table” id=”fin-namehome”><input name=”namehome” id=”namehome” value=”” placeholder=”name…” class=”validate[&#039;required&#039;,&#039;alpha&#039;] form-control A” title=”” style=”border:none;color:#FFF;” data-inputmask=”” data-load-state=”” data-tooltip=”” type=”text” /><i class=”icon-append fa fa-user”></i></div></div>
<div class=”gcore-subinput-container-wide” id=”fitem-emailhome”><div class=”gcore-input pull-left gcore-sub-input gcore-display-table” id=”fin-emailhome”><input name=”emailhome” id=”emailhome” value=”” placeholder=”email…” class=”validate[&#039;required&#039;,&#039;email&#039;] form-control A” title=”” style=”border:none;color:#FFF;” data-inputmask=”” data-load-state=”” data-tooltip=”” type=”text” /><i class=”icon-append fa fa-envelope”></i></div></div>
<div class=”gcore-subinput-container-wide” id=”fitem-subjecthome”><div class=”gcore-input pull-left gcore-sub-input gcore-display-table” id=”fin-subjecthome”><input name=”subjecthome” id=”subjecthome” value=”” placeholder=”subject…” class=”validate[&#039;required&#039;] form-control A” title=”” style=”border:none;color:#FFF;” data-inputmask=”” data-load-state=”” data-tooltip=”” type=”text” /><i class=”icon-append fa fa-tag”></i></div></div></div><div class=”form-group gcore-form-row” id=”form-row-messagehome”><div class=”gcore-input gcore-display-table” id=”fin-messagehome”><textarea name=”messagehome” id=”messagehome” placeholder=”message…” rows=”3″ cols=”40″ class=”validate[&#039;required&#039;] form-control A” title=”” style=”border:none;width: 93% !important;color:#FFF;” data-wysiwyg=”0″ data-load-state=”” data-tooltip=””></textarea><i class=”icon-append textarea fa fa-comment”></i></div></div><div class=”form-group gcore-form-row” id=”form-row-captcha”><div class=”gcore-subinput-container-wide” id=”fitem”>
<div class=”gcore-input pull-left gcore-sub-input gcore-display-table” id=”fin-captchahome”><input placeholder=”enter code…” class=”form-control A” title=”” style=”” type=”text” name=”captcha” id=”captcha” /></div></div>
<div class=”gcore-subinput-container-wide” id=”fitem1″><div class=”gcore-input pull-left gcore-sub-input gcore-display-table” id=”fin-captchahome2″>{captcha_img}</div></div></div><div class=”form-group gcore-form-row” id=”form-row-button4″><div class=”gcore-input gcore-display-table” id=”fin-button4″><input name=”button4″ id=”button4″ type=”submit” value=”Send Message” class=”btn btn-default form-control A” style=”” data-load-state=”” /></div></div>

 

Here is the added CSS:

/*  Home Page Consultation Form Styles */

#chronoform-free_consultation {
text-align: center;
padding-top: 30px;
}

#form-row-multi-11 {
margin: 0 0 15px 0;
width: 95%;

}

#namehome {
border: none;
float:left;
width: 32%;
background: none;
}

#fin-namehome {

padding: 3px;
margin-right: 20px;
background: #4b4b4b;
border-radius: 4px;
width: 32%;

}

#fin-namehome i {
border-left: #727272 thin solid;
padding: 10px;
margin-left: 10px;
float: right;

}

#ftd-namehome .gcore-line-td {

float:left;

}

#emailhome {
border: none;
float:left;
background: none;
color: #FFF;
}

#fin-emailhome {
border: none;
padding: 3px;
margin-right: 20px;
background: #4b4b4b;
border-radius: 4px;
width: 32%;
}

#fin-emailhome i {
border-left: #727272 thin solid;
padding: 10px;
margin-left: 10px;
float: right;
}

#subjecthome {
border: none;
float:left;
background: none;

}

#fin-subjecthome {
border: none;
padding: 3px;
width: 32%;
background: #4b4b4b;
border-radius: 4px;
}

#fin-subjecthome i {
border-left: #727272 thin solid;
padding: 10px;
margin-left: 10px;
float: right;
}

#messagehome {
border: none;
float:left;
width: 93%;
height: 95px;
background: none;
}

#fin-messagehome {
border: none;
padding: 3px;
width: 95%;
background: #4b4b4b;
border-radius: 4px;
}

#fin-messagehome i {
border-left: #727272 thin solid;
padding: 10px;
margin-left: 10px;
float: right;
}

#captchahome {
border: none;
float:left;
color: #FFF;
background: none;
}

#form-row-captcha {
display: inline-block;
width: 400px;
margin: 0 auto 15px;
}

#fin-captchahome {
border: none;
padding: 3px;
margin-right: 20px;
background: #4b4b4b;
border-radius: 4px;
}

#fin-button4 {
margin: auto;
}

#captcha {
background: none;
border: none;
color: #FFF;
}

#button4 {
background:#2d4f68;
color: #FFF;
border:none;
padding: 10px 80px;
font-size: 18px;
margin-top: 30px;
height: 50px;
}

#button4:hover {
background: #999;

}

#chronoform-free_consultation #fin-custom {
width: 75%;
color: #FFF;
margin: auto;
}

Phoca PDF now showing content

I installed the plug-in into a Joomla 3.5.1 site. The plug-in wouldn’t run at all at first till I found a fix for that. I will try to list that one as well later.

The header and header line would print but nothing else. I found the following article that fixed this for me.

http://www.phoca.cz/forum/viewtopic.php?f=37&t=12662

It was this code I needed:

      $document = &JFactory::getDocument();
$document->setHeader($this->getHeaderText($item, $params));

$item->article_text = $item->introtext;
$item->article_text .= $item->fulltext;

echo $item->text;
$document->setArticleText($item->article_text);

I hope this helps someone else out there…

 

Exporting Facebook events to Google Calendar

Here are the steps I had to take.

  1. On the Facebook account page I want the calendar from I select “…”, and go down to “Events”.
    facebook_event_1
  2. Select an event.
    facebook_event_2
  3. In the upper-right click the “…” and select “Export Event”.
    facebook_event_3
  4. Copy the URL.
    facebook_event_4
  5. Go to your Google calendar. Next to the “Other calendars” hit the drop-down arrow and select “Add by URL”.
    facebook_event_5
  6. Paste your URL and check “Make the calendar publicly accessible?” and hit Add calendar.
    facebook_event_6

I hope this helps someone else out there…