Forum Support

Shape 5
March 29, 2024, 05:00:29 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Changed fields and view  (Read 1103 times)
philament
Jr. Member
**
Offline Offline

Posts: 56



« on: April 02, 2018, 03:35:10 PM »

Hello,
I have a display problem with the RSevents event form. With Protostart everything is fine, but not with strong. The fields and check boxes are unordered.
If I give you an access to the front could take a look to tell me who's causing it?

Thanks in advance for your support

Best regards
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: April 03, 2018, 07:37:56 AM »

Hello,

We don't provide support for third party component. A developer is responsible for providing all css for their extension and should not be relying on a template. If you can post a url to where the problem can be seen I can see if there's an easy fix, but ultimately they need to fix their css.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
philament
Jr. Member
**
Offline Offline

Posts: 56



« Reply #2 on: April 03, 2018, 11:00:58 AM »

Hello,
thanks for your proposition
To access the form, you must be logged in.
How to give you the login and pw without the public seeing it ?

edit: connection to the page once connected
login:

url : https://www.agenda-couture.com/agenda-des-puces-bourses/modifier-evenement/964-salon-des-loisirs-creatifs.html

Best regard
« Last Edit: April 04, 2018, 10:51:29 AM by philament » Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: April 04, 2018, 07:04:54 AM »

Hello,

The problem is their extension is not providing anywhere near enough styling, so basic elements like inputs and buttons are getting picked up by the template instead of them providing their own css styling. That's a major problem in their extension and something they need to fix. If you add this css to custom.css it will help a little bit:

.tab-content input {
min-height:0px !important;
font-size:15px !important;
}

.tab-content i {
font-size:15px !important;
}
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
philament
Jr. Member
**
Offline Offline

Posts: 56



« Reply #4 on: April 06, 2018, 04:35:16 AM »

Hello,
I come back to you because the designer of the component shows that the problem of poster comes from the template.

If you like to try to see how to help me because I would not arrive with this template, by the way I tried M creative agency and I have the same concern for poster and with protostars it works.

Here is the response of the component designer, but I do not understand everything in his explanation.
Thank you for your understanding, I just want to use your template and it works well with the component.

Quote
Message: Hello,

Usually the style is generated from the template, as long as the template does provide proper definitions on this matter. If the component were to handle all styling, then various discrepancies would had occurred on probably any other template. As you've noticed using Protostar, this does work properly.

Although this exceeds the range of our support policy, I've taken a look at this for you, and noticed the followings:

- the following css rule is responsible for the input field shrinking:

.inputbox, .registration input, .login input, .contact-form input, #jform_contact_message, input, textarea, .validate, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
...
font-size: 0.9em;
...
}

..located under this path:

/templates/forte/css/template.css

Change this rule by adding a different value for the font size into the custom.css file and you'll notice that it will be properly displayed.

- the following css rule is responsible for displaying the actual buttons shrinked:

.control-group button, .edit button {
padding: 4px !important;
}

..located under this path:

/templates/forte/css/bootstrap/bootstrap-default-min.css

- after changin this you will notice that there are no icons displayed due to this css rule:

[class^="icon-"], [class*=" icon-"] {
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
}

..located under this path:

/templates/forte/css/font-awesome/css/font-awesome.min.css

This is actually overriding the following:

[class*=" icon-"], [class^="icon-"] {
display: inline-block;
width: 14px;
height: 14px;
line-height: 14px;
vertical-align: text-top;
background-image: url(../../images/bootstrap/glyphicons-halflings.png);
background-repeat: no-repeat;
margin-top: 1px;
}

As you can notice, this is not related to our component, please contact your template developers to provide proper assistance.

Best regard
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #5 on: April 06, 2018, 07:22:06 AM »

Hello,

I am not sure what to tell you, their response is completely incorrect. The css listed above is basic css that a template is supposed to have to stylize basic html elements like icons and inputs. They are very generic calls that a template must have. The problem is their component is not calling specific css for their elements and their classnames. In other words if they want an inputbox to look a specific way then they have to provide css to stylize those inputboxes that exact way. They are not doing that and an extension developer is required to do that otherwise it's going to take on the basic css of a template and there's no way for the extension to look the way they intend. Relying on basic css from the template is not a good way to code an extension when they are designing it to look and function a specific way - that is why they must provide their own css.

The only reason why it shows better in Prostar is because that template applies almost no css at all, the extension is also applying almost no css, which means the elements are very plain on the page.

There is nothing else I can do for this, the css I gave you above will get the page looking somewhat better, but at the end of the day they have not coded their extension properly by not providing proper css and classnames. For them to tell you this "Although this exceeds the range of our support policy", is not acceptable, it is THEIR component that has the issues and they have to correct their own component.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.