Jump to:

17452 Posts in 4473 Topics by 1971 members

Archive

SilverStripe Forums » Archive » Inline CSS added to SS generated Fieldsets and Tab Sets

Our old forums are still available as a read-only archive.

Moderators: martimiz, Sean, biapar, Willr, Ingo, simon_w

Page: 1
Go to End
Author Topic: 2613 Views
  • CodeGuerrilla
    Avatar
    Community Member
    105 Posts

    Inline CSS added to SS generated Fieldsets and Tab Sets Link to this post

    Hi,

    Having major problems with SS forms in a CMS module I have created, there seems to be a lot of inline styles being added to various elements such as SS created FieldSets and even to elements in my template specifically stuff like:

    <div style="overflow: hidden;">

    And from a FieldSet defined in a SS Form

    <fieldset style="overflow: hidden; height: 15px;">

    As you can imagine this is causing problems as the field set is set to 15px and then the containing div is set to overflow hidden, where in the SilverStripe universe are these being set, I have looked at FieldSet api docs and doesn't seem to be any extra params for height or styles or anything.

    The other problem is that the fieldset has set height and means that some of the elements in the form are cut off and no scrolling is allowed.

    Any help appreciated.

  • CodeGuerrilla
    Avatar
    Community Member
    105 Posts

    Re: Inline CSS added to SS generated Fieldsets and Tab Sets Link to this post

    Bump!

    Anyone have any ideas? I have tried to override the inline styles using !important in the stylesheet but still not working really need to sort this out...

  • CodeGuerrilla
    Avatar
    Community Member
    105 Posts

    Re: Inline CSS added to SS generated Fieldsets and Tab Sets Link to this post

    Okay it gets worse in IE6/7 the fieldset and my containing div both have a height of 0px so none of the tabs will display their form fields at all, have been searching through both the cms and sapphire code to try and find where these are being set I am guessing that these are being added to the elements at runtime via JavaScript is this correct?

  • Nivanka
    Avatar
    Community Member
    395 Posts

    Re: Inline CSS added to SS generated Fieldsets and Tab Sets Link to this post

    try with using firebug, a plugin for the firefox.

    with that you can find these stuff easily.

    http://getfirebug.com/

  • CodeGuerrilla
    Avatar
    Community Member
    105 Posts

    Re: Inline CSS added to SS generated Fieldsets and Tab Sets Link to this post

    Hi Nivanka, I am using FireBug and the IE Developer Toolbar this is why I can see the inline styles being set just can't seem to figure out where... SS incudes a lot of CSS and JS files to go through...

  • Nivanka
    Avatar
    Community Member
    395 Posts

    Re: Inline CSS added to SS generated Fieldsets and Tab Sets Link to this post

    try to use 'important' in your css files, that will give the priority to the css file.

    with that you will be able to do something

  • CodeGuerrilla
    Avatar
    Community Member
    105 Posts

    Re: Inline CSS added to SS generated Fieldsets and Tab Sets Link to this post

    Yes tried that too, seems to work okay in IE6 and Firefox but IE7 won't play nice

    This is also a bit hacky for my liking I would like to understand why these heights are being set on the TabSet/Fieldset and Form

    2613 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.