Joomla Templates Club 406,261 posts

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#165327

I integrated JA-Login into JA-Rave …. though the dropdown box function does not seem to be working.

Previous to the T3 Structure, the solution was within the ja (javascript) file (as was explained to me here –> http://www.joomlart.com/forums/topic/ja-login-kyanite-not-working/). However, the file structure is different now, so I am not sure how to get the dropdown box function to work.

Hoping someone can assist. 🙂

Is there, perhaps, a newer “JA-Login” module and/or way to integrate it available?
(To be honest, the last time I tried to integrate it into a template was in JA-Kyanite I)

OR

Perhaps if someone might be able to give me a step-by-step on how to integrate a JA-Business or JA-Social style JA-Login module.

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#396902

Hello tcraw1010,

To solve JA – LOGIN – Dropdown Box Function Not Working

You can refer to this url:-

http://static.joomlart.com/images/templates/ja_social_j15/login_backend.png

Can you provide your site url and admin access so that we can help you better.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#396970

I appreciate the assist, pritam … but I’m not certain how that link/screenshot you provided helps me in the particular case.

Again, what I’m basically wanting to know is if there is a step-by-step process that someone knows (or can write) on how to integrate the special JA-Login module (such as in JA-Social and/or JA-Business) into any T3 based template. (In my case, it’s JA-Rave, but I would think that there is a general method that would work for most T3 templates should one want to integrate it into another).

Thoughts? … Advice? … Tutorial?

:((

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#397080

Anyone ??

Anyone ??

:((

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#397134

No one ??

:((

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#397270

Is there anyone who can provide some assistance with this issue ???

:((

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#397296

hi tom,

Saturday and Sunday were off for JA staff. Let me get someone to help you right away.

Arvind

1 user says Thank You to Arvind Chauhan for this useful post

1. TomC

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#397300

<em>@drarvindc 248240 wrote:</em><blockquote>hi tom,

Saturday and Sunday were off for JA staff. Let me get someone to help you right away.

Arvind</blockquote>

Thanks Arvind . . . .

I basically just need to know how to configure things in whichever files I need to – as was done before with pre-T3 templates.

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#397303

Hi Tom,

Sorry for the late reply!

To make the Ja login module work in any other template than JA Social and other templates having this module currently, you need to have the following styling in your template.css

<blockquote>/* JA Login Popup module */
#ja-ja-login {
position: absolute;
right: 15px;
top: 10px;
}

#ja-ja-login ul {
float: left;
margin: 0;
padding: 0;
white-space: nowrap;
}

#ja-ja-login li {
background: none;
display: inline;
line-height: normal;
margin: 0;
padding: 0;
color: #ddd;
}

#ja-ja-login li a {
display: block;
line-height: 17px;
color: #fff;
font-weight: bold;
}

#ja-ja-login li a.login-switch,
#ja-ja-login li a.register-switch {
background: url(../images/btn-round-green.png) left top no-repeat;
padding: 0 15px;
float: left;
height: 27px;
line-height: 25px;
color: #233d04;
}

#ja-ja-login li a.register-switch {
background-position: right top;
border-left: 1px solid #89CC0F;
}

#ja-ja-login li a.login-switch.show,
#ja-ja-login li a.register-switch.show {
background-position: left bottom;
position: relative;
z-index: 1000;
}

#ja-ja-login li a.login-switch:hover,
#ja-ja-login li a.register-switch:hover {
background-position: left bottom;
text-decoration: none;
}

#ja-ja-login li a.register-switch:hover,
#ja-ja-login li a.register-switch.show {
background-position: right bottom;
}

#ja-ja-login li a.show span {}

#ja-ja-login li a.show span { display: block; }

#ja-ja-login #ja-user-register, #ja-ja-login #ja-user-login {
display: none;
position: absolute;
right: 0;
top: 30px;
text-align: left;
z-index: 999;
padding-top: 12px;
background: url(../images/arrow-05.png) 50px top no-repeat;
}

#ja-ja-login #ja-user-register {
background-position: 80% top;
}

#ja-ja-login #ja-user-register .main-inner1,
#ja-ja-login #ja-user-login .main-inner1 {
background: #47770e url(../images/grad-01.gif) left top repeat-x;
color: #b8e184;
width: 165px;
height: auto;
overflow: hidden;
padding: 25px;
padding-bottom: 0;
border-radius: 5px 5px 6px 6px;
-moz-border-radius: 5px 5px 6px 6px;
-webkit-border-radius: 5px 5px 6px 6px;
box-shadow: 0 3px 3px rgba(0,0,0,.4);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,.4);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.4);
}

#ja-ja-login #ja-user-register .main-inner1 {
width: 370px;
}

#ja-ja-login #ja-user-login .ja-login-user,
#ja-ja-login #ja-user-login .ja-login-password,
#ja-ja-login #ja-user-login .mod_login_remember {
width: 145px;
display: block;
}

#ja-ja-login #ja-user-login .button,
#ja-ja-login #ja-user-register .button {
background: url(../images/btn-round-grey.png) right top no-repeat;
color: #51900f;
padding: 0 15px 0 0;
line-height: 28px;
height: 28px;
overflow: visible;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border: 0;
text-shadow: 0 1px 2px rgba(0,0,0,.2);
}

#ja-ja-login #ja-user-login .button span,
#ja-ja-login #ja-user-register .button span {
line-height: 18px;
}

#ja-ja-login #ja-user-login .button:hover,
#ja-ja-login #ja-user-register .button:hover {
cursor: pointer;
color: #2F5008;
}

#ja-ja-login label.invalid, #ja-ja-login .invalid { color: #960303; }

#ja-ja-login .button-round {
background: #fd8b00 url(../images/grad-02.gif) left top repeat-x;
padding: 10px 25px;
margin: 20px -25px 0;
overflow: hidden;
border-radius: 0 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
}

#ja-ja-login .button-round span {
background: url(../images/btn-round-grey.png) left -30px no-repeat;
display: block;
float: left;
padding-left: 15px;
width: 67px;
}

#ja-ja-login label.ja-login-user span,
#ja-ja-login label.ja-login-password span {
display: none;
}

#ja-ja-login #mod_login_username {
background: url(../images/icon-user.png) 10px center no-repeat;
}

#ja-ja-login #mod_login_password {
background: url(../images/icon-pass.png) 10px center no-repeat;
}
#ja-ja-login #mod_login_username,
#ja-ja-login #mod_login_password {
padding-left: 30px;
background-color: #2F5008;
}

#ja-ja-login input.inputbox {
background-color: #2f5008;
border: 1px solid #2c4b07;
color: #81a84e;
}

#ja-ja-login #ja-user-login input.inputbox { margin-bottom: 10px; }

#ja-ja-login .ja-login-links a {
background: url(../images/icon-02.png) 5px 8px no-repeat;
color: #9cd95a;
padding: 0;
padding-left: 15px;
font-size: 92%;
}

#ja-ja-login li a.logout-switch {
display: inline;
float: none;
margin-left: 3px;
}</blockquote>

#ja-ja-login should be replaced with your div name for the position in which you publish this module..

P.S. : This styling is copied from JA Social and you will need to change some styling to make the module look good in JA Rave.

1 user says Thank You to himangi for this useful post

1. TomC

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#397304

Hey, THANK YOU Himangi . . .

One question . . . From which template are the images referenced in the CSS rules above?

EDIT:
I saw your additional comment . . . . so the images are from the JA Social template – correct?

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#397305

Yes the reference template for above css is JA social so you will get the related images in ja_social/images folder..

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#397313

<em>@himangi 248249 wrote:</em><blockquote>Yes the reference template for above css is JA social so you will get the related images in ja_social/images folder..</blockquote>
What about modifying the mod_login file?

I tried overwriting the mod_login within JA-Rave with the files within mod_ja-login from JA-Social … but when I refreshed my site, I received the following error message:

Fatal error: Class ‘modLoginHelper’ not found in /home/musicia4/public_html/rave/modules/mod_login/mod_login.php on line 22

Here is the entire content of mod-login.php . . .

<?php
/**
* @version $Id: mod_login.php 14401 2010-01-26 14:10:00Z louis $
* @package Joomla
* @copyright Copyright (C) 2005 - 2010 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/

// no direct access
defined('_JEXEC') or die('Restricted access');

// Include the syndicate functions only once
require_once (dirname(__FILE__).DS.'helper.php');

$params->def('greeting', 1);

$type = modLoginHelper::getType();
$return = modLoginHelper::getReturnURL($params, $type);

$user =& JFactory::getUser();

require(JModuleHelper::getLayoutPath('mod_login'));
line 22 is $type = modLoginHelper::getType();

Any thoughts as to what I did wrong and/or what needs to be done ??

:confused:

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#397316

UPDATE:
I changed things back to the original mod_login files (because my site wasn’t coming up due to the error). Even with the CSS provided above and images copied over to my JA-Rave images folder, the dropdown is STILL not working.

Again, I’m thinking there is special javascript I need to install into my JA-Rave template to get the function to work – but I do not know where (within the T3 structure).

NOTE –> I updated my support ticket info with my site info

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#397318

Hi,

I am sorry I assumed you have installed the JA Login module and then facing problems.. You do not need to touch the default Login module files in joomla. Just install the JA Login module in your joomla, like any other module and publish it wherever you want.. For this module to work like in JA Social template (popup to display inputboxes etc.), you need the styling I specified earlier..

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#397321

Thanks … almost there . . .

There seem to be some images missing from the JA-Social images folder that are identified within your CSS above …. namely btn-round-grey.png and btn-round-green.png

Again, if you want to look into my files themselves, I upgraded my support ticket info with my site admin and ftp info.

[Author]

Posts