fieldset code

[ReneH4]

I'm afraid so.....

Revisiting the page that I mentioned below I noticed that it's not responsive in any way.

They probably choose to do so, but it's funny because they are one of the larger suppliers of printer consumables in the Netherlands.....

[heatherbell]

I'm afraid so

I saw in my internet search that there are some alternative suggestions on stackoverflow of achieving an equivalent display as <fieldset> on Bootstrap using different methods.

[Omar_one]

@ReneH4
try something like this

Code: Select all

<fieldset class="scheduler-border">
    <legend class="scheduler-border">Legend</legend>
    <div class="control-group">
        <div style="float: left; padding: 0 5px;">Other</div>
			<div style="float: left; height: 1px; background-color: black; width: 359px;  margin-top: 11px;"></div>
			<div style="float: left; padding: 0 5px;">Other Stuff</div>
	
        </div>
</fieldset>

and add this to user.css

Code: Select all

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

    legend.scheduler-border {
        font-size: 1.2em !important;
        font-weight: bold !important;
        text-align: left !important;
        width:auto;
        padding:0 10px;
        border-bottom:none;
    }

this what I get

Capturedddd.JPG

need a little bit of css code
hope this what you need

[ReneH4]

That looks nice Omar_one!

I will try this and provide feedback.

[ReneH4]

Hurray it works! Thanks all for you inputs, and especially Omar_one!

Now I can play with the code in some template files.

[Omar_one]

looking nice ,, happy to help

[ReneH4]

I added the code in a template file, one of the old 28d19 I believe that works in Phoenix.

I first had not included in the bootstrap code but now I have, so it's responsive:

Code: Select all

<div class="col-sm-<?php echo $content_width; ?> cm-pi-usedpart">
<fieldset class="scheduler-border"><legend class="scheduler-border"><?php echo sprintf(MODULE_CONTENT_PI_USEDPART_LEGEND); ?></legend>
<div class="control-group">&nbsp;</div>
<?php echo sprintf(MODULE_CONTENT_PI_USEDPART_TEXT, $pid_stock); ?>
</fieldset>
</div>

That's for other people who would like to play with it.

[ReneH4]

Istead of editing the products description-content I have now copied the tpl-pi-description.php file into my template and edited this to display the frameset.

If I could I would treat every one a beer!

Hurray it works! Thanks all for you inputs, and especially Omar_one!

Now I can play with the code in some template files.