Welcome, Guest
Username: Password: Remember me

TOPIC: Templating with 2.0?

Templating with 2.0? 16 Sep 2012 07:20 #3668

  • tr4ding
  • tr4ding's Avatar
  • Offline
  • Senior Member
  • Posts: 42
  • Karma: 1
Hi bodies :)

I use Gantry framework to build my own template with Joomla! 2.5. In my frontend layout submission, I've these problems:

1. Field labels and field inputs are overlapped

2. Help windows are overlapped to field inputs

3. Toolbar buttons

How can I adapt these?

Check this screen to understand....

Thank you so much.....

Last Edit: 03 Oct 2012 13:40 by admin.
The administrator has disabled public write access.

Re: Templating with 2.0? 16 Sep 2012 09:07 #3669

  • VeCrea
  • VeCrea's Avatar
  • Offline
  • Platinum Member
  • Absolute JCook fan
  • Posts: 473
  • Thank you received: 100
  • Karma: 30
Gantry is a framework, so clearly there's a conflict based on... jquery, some javascript,...
Why do you use Gantry for exactly ?
The administrator has disabled public write access.

Re: Templating with 2.0? 16 Sep 2012 09:08 #3670

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Chef
  • Posts: 3711
  • Thank you received: 984
  • Karma: 140
I don't really know with gantry.

the increminated tags are :
ul dt
ul dd

You can modify the CSS in your component scc style sheet.

Easy I think.

Post here your discoveries.
Many Thanks.
Coding is now a piece of cake
The administrator has disabled public write access.

Re: Templating with 2.0? 18 Sep 2012 20:32 #3748

  • twev
  • twev's Avatar
  • Offline
  • Senior Member
  • Posts: 62
  • Thank you received: 15
  • Karma: 6
Did you find a solution?

If not try this. . .

In your components css file #component##/css/##component##.css look for this entry:
.fieldsform label {
    float: left;
    margin-right: 10px;
    text-align: right;
    width: 200px;
}

and change
text-align: right;
to
text-align: left;

And to move the help windows across a bit try editing administrator/components/com_##component##/css/validationEngine.jquery.css
Look for:
.formErrorContent {
    background: none repeat scroll 0 0 #EE0101;
    border: 2px solid #DDDDDD;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 6px #000000;
    color: #FFFFFF;
    font-size: 11px;
    padding: 4px 10px;
    position: relative;
    width: 150px;
}

and change to:
.formErrorContent {
    background: none repeat scroll 0 0 #EE0101;
    border: 2px solid #DDDDDD;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 6px #000000;
    color: #FFFFFF;
    font-size: 11px;
    left: 150px;
    padding: 4px 10px;
    position: relative;
    width: 150px;
}
Last Edit: 18 Sep 2012 20:43 by twev.
The administrator has disabled public write access.
The following user(s) said Thank You: edwardcox
Time to create page: 0.097 seconds

Get Started