Toggle Submenu
  1. Forums
  2. Recent
  3. Categories
  4. Tags
  5. Users
  6. Badges
Support is currently Offline
Support Offline
It's past support hour. We are taking some rest and will come back stronger tomorrow. Promise!
Official support hours:
Monday To Friday except Saturday and Sunday
From 09:30 To 17:00
Our current time: Friday 5:22 am
Add a reply View Replies (7)

Resolved No responsive if tabs are activated on Registration and Edit Profile

  1. zuotoski
    zuotoski
  2. Support
  3. Thursday, May 15 2014, 09:44 AM
Hello.
I am really sorry for insist on this, but I would like to know why forms are not responsive when tabs are activated in Easy Profile Administration area. I am trying to accept the fact that I'll have to use it as plain, but tabs view is much more attractive and practical.

Any tips would help.

Thank you.
Responses (7)
admin
admin Accepted Answer
Admin
The problem is label and inputs? right?

Tomorrow we will send you a CSS to implement this.
  1. more than a month ago
  2. Support
  3. # 1
admin
admin Accepted Answer
Admin
here the code to add at your override.css

.form-horizontal{margin-top:30px}

.form-horizontal .control-group {

	margin-bottom: 18px;

	*zoom: 1;

}

.form-horizontal .control-group:before,

.form-horizontal .control-group:after {

	display: table;

	content: "";

	line-height: 0;

}

.form-horizontal .control-group:after {

	clear: both;

}

.form-horizontal .control-label {

	float: left;

	width: 160px;

	padding-top: 5px;

	text-align: right;

}

.form-horizontal .controls {

	*display: inline-block;

	*padding-left: 20px;

	margin-left: 180px;

	*margin-left: 0;

}

.form-horizontal .controls:first-child {

	*padding-left: 180px;

}

.form-horizontal .help-block {

	margin-bottom: 0;

}

.form-horizontal input + .help-block,

.form-horizontal select + .help-block,

.form-horizontal textarea + .help-block,

.form-horizontal .uneditable-input + .help-block,

.form-horizontal .input-prepend + .help-block,

.form-horizontal .input-append + .help-block {

	margin-top: 9px;

}

.form-horizontal .form-actions {

	padding-left: 180px;

}

@media (max-width: 480px) {

	.form-horizontal .control-label {

		float: none;

		width: auto;

		padding-top: 0;

		text-align: left;

	}

	.form-horizontal .controls {

		margin-left: 0;

	}

	.form-horizontal .control-list {

		padding-top: 0;

	}

	.form-horizontal .form-actions {

		padding-left: 10px;

		padding-right: 10px;

	}

}
  1. more than a month ago
  2. Support
  3. # 2
zuotoski
zuotoski Accepted Answer
Content Protected
  1. more than a month ago
  2. Support
  3. # 3
admin
admin Accepted Answer
Admin
So if I am wrong and tabs are working good in mobiles, please tell me.

See attached image.

What's the expected release of the chat function?

if there are no delays, Social Network will be release 1 June. After this date we start develop of chat feature (I hope two weeks of development).
Attachments (1)
Schermata 2014-05-16 alle 09.41.39.png Schermata 2014-05-16 alle 09.41.39.png
  1. more than a month ago
  2. Support
  3. # 4
zuotoski
zuotoski Accepted Answer
I mean this (screenshot attached), where tabs are overlapping each other. It's not a big issue, but I'd rather use the plain layout, that after your CSS has become more elegant. Tabs may work fine when you just have two of Tabs, more than it starts to be confusing.

Thanks.
  1. more than a month ago
  2. Support
  3. # 5
admin
admin Accepted Answer
Admin
I agree another possibity is to copy CSS class from Joomla built in Protostar template. Show screenshots(desktop and mobile) to see how render the tabs.
Attachments (2)
desktop.png desktop.png
mobile.png mobile.png
  1. more than a month ago
  2. Support
  3. # 6
zuotoski
zuotoski Accepted Answer
Content Protected
  1. more than a month ago
  2. Support
  3. # 7
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.
Sorry, the discussion is currently locked. You will not be able to post a reply at the moment.