[SOLVED] CB2.0b4 CB login

KatoKalin
OFFLINE
Posts: 265
Thanks: 11
Karma: -5
Add-ons Add-ons

10 years 5 months ago - 10 years 4 months ago #245723 by KatoKalin

[SOLVED] CB2.0b4 CB login was created by KatoKalin

In my case horizontal view still showing vertical for bootstrap-horizontal template selection. Horizontal default does work.

Last edit: 10 years 4 months ago by krileon.

Please Log in or Create an account to join the conversation.

krileon
ONLINE
Posts: 48478
Thanks: 8282
Karma: 1443

10 years 5 months ago #245746 by krileon

Replied by krileon on topic CB2.0b4 CB login

Both are displaying fine in my tests. You likely have a CSS conflict coming from your Joomla template. Nothing I can advise without a URL to the issue (you can PM the URL if you'd like it kept private).

Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

KatoKalin
OFFLINE
Posts: 265
Thanks: 11
Karma: -5
Add-ons Add-ons

10 years 5 months ago #245785 by KatoKalin

Replied by KatoKalin on topic CB2.0b4 CB login

krileon wrote: Both are displaying fine in my tests. You likely have a CSS conflict coming from your Joomla template. Nothing I can advise without a URL to the issue (you can PM the URL if you'd like it kept private).

I only get them to display horizontally when I adjust the bootrstrap horizontal.
For me the template is not correct:

Code:

<span class="userdata">
		<span id="form-login-username">
			<?php if ( in_array( $showUsernameLabel, array( 1, 2, 3, 5 ) ) ) { ?>
				<?php if ( in_array( $showUsernameLabel, array( 2, 3, 5 ) ) ) { ?>
					<?php if ( $showUsernameLabel == 3 ) { ?>
						<label for="modlgn-username"><?php echo htmlspecialchars( $userNameText ); ?></label>
					<?php } ?>
					<div class="input-prepend input-append">
						<span class="add-on">
							<span class="<?php echo htmlspecialchars( $templateClass ); ?>">
								<span class="cbModuleUsernameIcon fa fa-user" title="<?php echo htmlspecialchars( $userNameText ); ?>"></span>
							</span>
						</span>
						<input id="modlgn-username" type="text" name="username" class="input-small"  size="<?php echo $usernameInputLength; ?>"<?php echo ( in_array( $showUsernameLabel, array( 4, 5 ) ) ? ' placeholder="' . htmlspecialchars( $userNameText ) . '"' : null ); ?> />
					</div>
				<?php } else { ?>
					<label for="modlgn-username" class="control-label">
						<?php if ( in_array( $showUsernameLabel, array( 1, 3 ) ) ) { ?>
							<?php echo htmlspecialchars( $userNameText ); ?>
						<?php } ?>
					</label>
					<input id="modlgn-username" type="text" name="username" class="input-medium"  size="<?php echo $usernameInputLength; ?>"<?php echo ( in_array( $showUsernameLabel, array( 4, 5 ) ) ? ' placeholder="' . htmlspecialchars( $userNameText ) . '"' : null ); ?> />
				<?php } ?>
			<?php } else { ?>
				<input id="modlgn-username" type="text" name="username" class="input-medium"  size="<?php echo $usernameInputLength; ?>"<?php echo ( in_array( $showUsernameLabel, array( 4, 5 ) ) ? ' placeholder="' . htmlspecialchars( $userNameText ) . '"' : null ); ?> />
			<?php } ?>
		</span>
		&nbsp;
		<span id="form-login-password">
			<?php if ( in_array( $showPasswordLabel, array( 1, 2, 3, 5 ) ) ) { ?>
				<?php if ( in_array( $showPasswordLabel, array( 2, 3, 5 ) ) ) { ?>
					<?php if ( $showPasswordLabel == 3 ) { ?>
						<label for="modlgn-passwd"><?php echo htmlspecialchars( CBTxt::T( 'Password' ) ); ?></label>
					<?php } ?>
					<div class="input-prepend input-append">
						<span class="add-on">
							<span class="<?php echo htmlspecialchars( $templateClass ); ?>">
								<span class="cbModulePasswordIcon fa fa-lock" title="<?php echo htmlspecialchars( CBTxt::T( 'Password' ) ); ?>"></span>
							</span>
						</span>
						<input id="modlgn-passwd" type="password" name="passwd" class="input-small" size="<?php echo $passwordInputLength; ?>"<?php echo ( in_array( $showPasswordLabel, array( 4, 5 ) ) ? ' placeholder="' . htmlspecialchars( CBTxt::T( 'Password' ) ) . '"' : null ); ?>  />
					</div>
				<?php } else { ?>
					<label for="modlgn-passwd" class="control-label">
						<?php if ( in_array( $showPasswordLabel, array( 1, 3 ) ) ) { ?>
							<?php echo htmlspecialchars( CBTxt::T( 'Password' ) ); ?>
						<?php } ?>
					</label>
					<input id="modlgn-passwd" type="password" name="passwd" class="input-medium" size="<?php echo $passwordInputLength; ?>"<?php echo ( in_array( $showPasswordLabel, array( 4, 5 ) ) ? ' placeholder="' . htmlspecialchars( CBTxt::T( 'Password' ) ) . '"' : null ); ?>  />
				<?php } ?>
			<?php } else { ?>
				<input id="modlgn-passwd" type="password" name="passwd" class="input-medium" size="<?php echo $passwordInputLength; ?>"<?php echo ( in_array( $showPasswordLabel, array( 4, 5 ) ) ? ' placeholder="' . htmlspecialchars( CBTxt::T( 'Password' ) ) . '"' : null ); ?>  />
			<?php } ?>
		</span>
		&nbsp;

I have to remove the first closing div to have all span elements within only one div and then remove some of the spans elements a well.
The working code looks like this:

Code:

<span class="userdata">
		<span id="form-login-username">
			<?php if ( in_array( $showUsernameLabel, array( 1, 2, 3, 5 ) ) ) { ?>
				<?php if ( in_array( $showUsernameLabel, array( 2, 3, 5 ) ) ) { ?>
					<?php if ( $showUsernameLabel == 3 ) { ?>
						<label for="modlgn-username"><?php echo htmlspecialchars( $userNameText ); ?></label>
					<?php } ?>
					<div class="input-prepend input-append">
						<span class="add-on">
							<span class="<?php echo htmlspecialchars( $templateClass ); ?>">
								<span class="cbModuleUsernameIcon fa fa-user" title="<?php echo htmlspecialchars( $userNameText ); ?>"></span>
							</span>
						</span>
						<input id="modlgn-username" type="text" name="username" class="input-small"  size="<?php echo $usernameInputLength; ?>"<?php echo ( in_array( $showUsernameLabel, array( 4, 5 ) ) ? ' placeholder="' . htmlspecialchars( $userNameText ) . '"' : null ); ?> />
				
				<?php } else { ?>
					<label for="modlgn-username" class="control-label">
						<?php if ( in_array( $showUsernameLabel, array( 1, 3 ) ) ) { ?>
							<?php echo htmlspecialchars( $userNameText ); ?>
						<?php } ?>
					</label>
					<input id="modlgn-username" type="text" name="username" class="input-medium"  size="<?php echo $usernameInputLength; ?>"<?php echo ( in_array( $showUsernameLabel, array( 4, 5 ) ) ? ' placeholder="' . htmlspecialchars( $userNameText ) . '"' : null ); ?> />
				<?php } ?>
			<?php } else { ?>
				<input id="modlgn-username" type="text" name="username" class="input-medium"  size="<?php echo $usernameInputLength; ?>"<?php echo ( in_array( $showUsernameLabel, array( 4, 5 ) ) ? ' placeholder="' . htmlspecialchars( $userNameText ) . '"' : null ); ?> />
			<?php } ?>
		</span>
		&nbsp;
		<span id="form-login-password">
			<?php if ( in_array( $showPasswordLabel, array( 1, 2, 3, 5 ) ) ) { ?>
				<?php if ( in_array( $showPasswordLabel, array( 2, 3, 5 ) ) ) { ?>
					<?php if ( $showPasswordLabel == 3 ) { ?>
						<label for="modlgn-passwd"><?php echo htmlspecialchars( CBTxt::T( 'Password' ) ); ?></label>
					<?php } ?>
					
					
							<span class="<?php echo htmlspecialchars( $templateClass ); ?>">
								<span class="cbModulePasswordIcon fa fa-lock" title="<?php echo htmlspecialchars( CBTxt::T( 'Password' ) ); ?>"></span>
							</span>
					
						<input id="modlgn-passwd" type="password" name="passwd" class="input-small" size="<?php echo $passwordInputLength; ?>"<?php echo ( in_array( $showPasswordLabel, array( 4, 5 ) ) ? ' placeholder="' . htmlspecialchars( CBTxt::T( 'Password' ) ) . '"' : null ); ?>  />
					
				<?php } else { ?>
					<label for="modlgn-passwd" class="control-label">
						<?php if ( in_array( $showPasswordLabel, array( 1, 3 ) ) ) { ?>
							<?php echo htmlspecialchars( CBTxt::T( 'Password' ) ); ?>
						<?php } ?>
					</label>
					<input id="modlgn-passwd" type="password" name="passwd" class="input-medium" size="<?php echo $passwordInputLength; ?>"<?php echo ( in_array( $showPasswordLabel, array( 4, 5 ) ) ? ' placeholder="' . htmlspecialchars( CBTxt::T( 'Password' ) ) . '"' : null ); ?>  />
				<?php } ?>
			<?php } else { ?>
				<input id="modlgn-passwd" type="password" name="passwd" class="input-medium" size="<?php echo $passwordInputLength; ?>"<?php echo ( in_array( $showPasswordLabel, array( 4, 5 ) ) ? ' placeholder="' . htmlspecialchars( CBTxt::T( 'Password' ) ) . '"' : null ); ?>  />
			<?php } ?>
		</span>
		&nbsp;

Please Log in or Create an account to join the conversation.

krileon
ONLINE
Posts: 48478
Thanks: 8282
Karma: 1443

10 years 5 months ago - 10 years 5 months ago #245789 by krileon

Replied by krileon on topic CB2.0b4 CB login

Do not remove the closing div. That creates invalid HTML as that div is no longer being closed correctly. The usage is valid and is nearly a direct copy of Joomlas, which you can see below that also uses a div.

modules/mod_login/tmpl/default.php

I've also confirmed it works fine on default Joomla template. You very likely have a CSS conflict or Bootstrap CSS isn't being loaded on your site. You'll need to provide a URL to the issue for me to confirm what's wrong.

Please see the below screenshot of it working fine.

Attachments:

Last edit: 10 years 5 months ago by krileon.

Please Log in or Create an account to join the conversation.

KatoKalin
OFFLINE
Posts: 265
Thanks: 11
Karma: -5
Add-ons Add-ons

10 years 5 months ago #245798 by KatoKalin

Replied by KatoKalin on topic CB2.0b4 CB login

Now when I look at your screenshot I am noticing that I did not mention yet that my test install is on Joomla 2.5.
Could that be the reason? Currently I am not sure if there is bootstap support on Joomla 2.5.

Please Log in or Create an account to join the conversation.

krileon
ONLINE
Posts: 48478
Thanks: 8282
Karma: 1443

10 years 4 months ago #245843 by krileon

Replied by krileon on topic CB2.0b4 CB login

The bootstrap layouts are not meant for Joomla 2.5. The bootstrap layouts are for Joomla 3.x only as Joomla 3.x frontend is Bootstrap driven. Joomla 2.5 frontend is not Bootstrap driven so those layouts won't display correctly. They however might display fine if you've a Bootstrap driven Joomla 2.5 template, but I don't know for sure as they're designed exactly after Joomla 3.x modules, which use Bootstrap 2.

Please try the default horizontal and see if you've any further issues.

Please Log in or Create an account to join the conversation.

Moderators: beat, nant, krileon