Code Monkey home page Code Monkey logo

bootstrap_package's Introduction

Latest Stable Version

TYPO3 12

TYPO3 11

Total Downloads

Monthly Downloads

Continuous Integration Status

Bootstrap Package

TYPO3 extension bootstrap_package

The Bootstrap Package delivers a fully configured frontend theme for TYPO3, based on the Bootstrap CSS Framework.

The goal of this package is also to give an advanced example of how modern templating in TYPO3 CMS can be handled nicely without depending on third party extensions. Bootstrap Package comes with a fully configurable Frontend via TypoScript. This includes the TypoScript Constant Editor.

If you are interested in the Bootstrap Package you can test it in our Introduction Demo Setup.

Repository

https://github.com/benjaminkott/bootstrap_package

Documentation

https://docs.typo3.org/p/bk2k/bootstrap-package/main/en-us/

Wiki

https://github.com/benjaminkott/bootstrap_package/wiki

TER

https://extensions.typo3.org/extension/bootstrap_package

Compatibility

v13 v12 v11 v10 v9 v8 v7
BP 15.x ✔️ ✔️
BP 14.x ✔️ ✔️
BP 13.x ✔️ ✔️
BP 12.x ✔️ ✔️
BP 11.x ✔️ ✔️
BP 10.x - 8.x ✔️ ✔️
BP 7.x ✔️

bootstrap_package's People

Contributors

aimeos avatar alboth avatar andreaskienast avatar benjaminkott avatar brrrrrrrt avatar buxit avatar cedricziel avatar dennismetz avatar dependabot[bot] avatar drprofesq avatar eliashaeussler avatar franzholz avatar gilbertsoft avatar helhum avatar linawolf avatar lolli42 avatar madaxel avatar maddy2101 avatar neoblack avatar ohader avatar patta avatar s-leger avatar schmigotzki avatar sgrossberndt avatar starkmann avatar stweil avatar svenjuergens avatar sventb avatar web2date avatar webian avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

bootstrap_package's Issues

Question about table __bootstrappackage_form_style

Hi!
The description of the table __bootstrappackage_form_style states:
"This table is not in use anyway it is only created so the RecordHistroy will not break."

Out of curiosity, please can you explain better what this means?
Thank you! :)

Introduction distribution cannot install

On 140910 at 02:43 UTF an attempt to install the distribution produced the error:

Could not install distribution 'introduction'
Error: MD5 hash of downloaded file not as expected:
d41d8cd98f00b204e9800998ecf8427e != 73a36eccc1bcee9f74e108cc4f06be37

Kind regards -- Tony

No bodytext for Carousel Items and Rich Text Editor for bodytext

The bodytext field for carousel item Text and Image is not shown in the backend. In Configuration/TCA/CarouselItem.php, line 48 should be:
bodytext,image,
(bodytext is missing)

And I think a Rich Text editor for bodytext should be there (in most cases), to do so, add in Configuration/TCA/CarouselItem.php:
after line 248 new line with: 'defaultExtras' => 'richtext[]'

and in Configuration/TCA/AccordionItem.php:
after line 156 new line with: 'defaultExtras' => 'richtext[]'

SASS

How about SASS support? There is already a bootstrap port to SASS.

Provide .htaccess

RealURL is enabled to ensure that its working correctly we need to provide an htaccess file to avoid errors in the frontend.

Cache period

Why do you set
config.cache_period = 43200

Default value is 86400 (=24h), what is wrong with this?

Sorry to mention this bagatelle, but I'ld like this extension overwrites the TYPO3 default settings as little as neccessary.

add search bar and login bar

I found the search-bar loing-bar of buttongroup in TS SETUP, and I add in main.html
I can show the search bar. but I don't konw how to config it.
Can u tell me, how to change bootstrap's Templates?
I also fount bootstrap.min.css none work for FE, only used by BE, can u del it ,or use it in FE?
.less and .less, and so on in EXT isn't happy to designer.

Getting Distribution.png instead of wanted images

Hi Benjamin,

Each time I add an image through the page editor in a typical page content (as Text and Images or Images Only), the displayed image is always the following:
capture d ecran 2014-08-12 a 12 57 18

With this URL:

http://my-site.org/typo3/sysext/extensionmanager/Resources/Public/Images/Distribution.png

But it doesn't happened when I use bootstrap content elements ( as carousel, tabs,...)

Do you know how to fix it?

Language menu shows non existent languages

By default bootstrap_package shows a language menu with English, Danish and German. This is the case even when there is no additional languages configured in the CMS.

By default the language selector should only be visible if there is at least one second language and no non existent menus should be displayed.

My guess is that languages used in the TYPO3 Introduction package are hardcoded in typoscript of bootstrap_package. This configuration should not be part of bootstrap_package but of Introduction package (or whatever extension uses needs this feature).

replace FollowSymlinks with SymLinksIfOwnerMatch in .htaccess

Hey,

let's replace FollowSymlinks with SymLinksIfOwnerMatch in .htaccess. It does the same and is more secure.

regards, foertel

ps: additionally this makes bootstrap_package work on hosts again, that implement this security mechanism like uberspace.

Add a class to main nav

Hi,

I am trying to add a navbar-fixed-top class to my Main navbar but I don't find how to do it.

I found that the main navbar is defined in ext:bootstrap_package/.../Page/Navigation/Main.html but I don't want to mofidy the original file.

Is there another way? Thanks!

TypoScript configuration for indention frames

The configuration

tt_content.stdWrap.innerWrap.cObject {
    10 {
        5 = TEXT
        5.value = <div class="row">
        20.10.value = frame col-xs-11 col-xs-push-1
        35 = TEXT
        35.value = </div>
    }
}

is not optimal, because other extensions (e.g. cewrap) enhance the div around content elements and with this configuration the resulting HTML code is invalid.

This configuration is cleaner and shorter:

tt_content.stdWrap.innerWrap.cObject {
    10 {
        stdWrap.wrap = <div class="row">|</div>
        20.10.value = frame col-xs-11 col-xs-push-1
    }
}

Where is LESS called? -- Question

Hello,

I see the LESS code in the bootstrap_package, but do not see where it is called or initiated. How do we make use of it in the package?

Thank you

Style Editor is not installed

Hi,

After installing the Bootstrap Package I use to to get the Style Editor to the left in TYPO3, but this time it does not show up.
Can it be deactivated somewhere? I have tried to reinstall the package.

Pagination of "Display Subpages as News Entries" doesn't work

I like the idea used in the bootstrap_package of using regular pages as news records. However, when displaying subpages using the "Display Subpages as News Entries" special menu, the pagination links show up at the bottom of the page, but when you click on each pagination link, the resulting page shows the same records as the previous page.

Blank page in FE after editing styling

Hi,

I use Typo3 6.2.3 with the actual introduction package. When I edit the styling and change e.g. @body-bg to #000 and open the page, I see only a blank page without html code.

In the constants is written: plugin.bootstrap_package.settings.less.body-bg = #000
When I remove this line, the site is shown. It is also similar with other styles. Where is the problem?

Greets
Chris

MIT License is invalid. Has to be GPL 2+

All PHP files which extend the TYPO3 core have to be licenced with GPL 2+ because these files are derived work from the TYPO3 core.

GPL2 license text:

2b) You must cause any work that you distribute or publish, that in
whole or in part contains or is derived from the Program or any
part thereof, to be licensed as a whole at no charge to all third
parties under the terms of this License.
https://gnu.org/licenses/old-licenses/gpl-2.0.txt

MIT is not valid here.

Carousel not showing "promised" fields

Hi Benjamin,
I worked a little on the carousel element. The "Text with Image" field has a wrong german translation. It says "Name (in der Webseite nicht sichtbar)" which is opposed to the functionality that it does show the text.

If I could make a feature suggestion here too, a color field for the "Text with Image" field AND an additional Textfield would be supercool!

Another great feature would be field to adjust data-interval.

Re-use Carousel with another extension

Hi!
I made an Extbase extension to display products (list and detail).
I'd like to re-use the EXT:bootstrap_package Carousel to let the editor to put a carousel on top of the product detail.

My extension is made with EXT:extension_builder and then customized, but I can't figure out how to "link" the Carousel BE form. Do you have any hint on where I could look?

Thanks in advance!

Beginner needs help: how to add new css file?

Hi Benjamin, you did an amazing work! It is very easy to have a very high quality typo3 website with your extension.

As mentionned in my title, I am a beginner. My question is probably easy to solve, or maybe it's not the correct way.

I would like to add a CSS file to my root template but when I add the code in the setup section of the template tool, nothing happens.
page = PAGE
page.includeCSS.myCustomStylesheet = fileadmin/template/css/custom.css

Could you help me on this?

typoscript renderObj IMAGE width / height = 0 problem

https://forge.typo3.org/issues/58436
Hey There
if i use this typoscript to get the images from page resources

lib.mediaImages = FILES
lib.mediaImages {
#references.data = levelmedia:-1, slide
references.fieldName = media
renderObj = IMAGE
  renderObj {
    #file.width = 200
    #file.height = 100
    file.import.data = file:current:publicUrl
    altText.data = file:current:title
    wrap = &lt;div class="testImage-i"&gt;|&lt;/div&gt;
  }
  stdWrap.wrap = &lt;div class="testImage-o"&gt;|&lt;/div&gt;
}

fluid renders images with width and height=0.

<img src="fileadmin/introduction/images/about/team-t3board10.jpg" width="0" height="0" alt="">

if i enable those two lines:
file.width = 200
file.height = 100
everything is fine again.

Expected behavior would be to have the images rendered in original resolution or maxWidth/maxHeight.
Suggestion
Old: file.import.data = file:current:publicUrl
New: file.import.data = file:current:originalUid // file:current:uid

With current master login.js location changed

Hi,

you are linking hard to <script type="text/javascript" src="sysext/t3skin/Resources/Public/JavaScript/login.js"></script> - that file was moved in current master to "typo3/sysext/backend/Resources/Public/JavaScript/login.js".

Just a heads up before the package breaks with one of the next releases.

Cheers,

Susanne

Spaces/Brackets in foldername makes PHPStorm 7.1.3 infinite looping when synchronizing

This is probably a very specific problem, but PHPStorm stucked when synchronizing my TYPO3 installation with the deployment server, because its looping on following folders

bootstrap_package/Contrib/less.php/test/Fixtures/lessjs (1.5)
bootstrap_package/Contrib/less.php/test/Fixtures/lessjs (1.6)

PHPStorm repeated the subfolder css infinitely. After renaming to this:

lessjs-1.5
lessjs-1.6

synchronization went fine.

IMHO: Whitespaces and brackets in filenames on the web was never good practice (and led often to problems for me). Maybe you can rename these folders for future releases.

PHPStorm: 7.1.3
bootstrap_package: 6.2.4

Advanced Editor permissions

The Advanced McEditor role cannot see or add images, nor can they access any files through File|Filelist.

Accessing File|Filelist gives the error:
Oops, an error occurred!
You are not allowed to access the given folder
More information regarding this error might be available online.(links to http://wiki.typo3.org/Exception/CMS/1375955684)

This happens even when the missing directories user_upload/documents, user_upload/images, and user_upload/news are created.

Print layout

The print layout doesn't look very well. E.g. text and images are cropped on the right side. This solves this issue:
.container {
@media print {
padding: 0;
width: auto;
}
}
Useful could be hiding some parts of the page, e.g. the language navigation.

Also, images are not shown in print layout because of the lazy load.

TYPO3 ver. 6.2.1 with Bootstrap 3 - using blank image in SRC tag

I have a little problem showing my image aften some clearing of baseURL. Then my images is blank and it using another image as the SRC, why do it do that ?

See right site main section in this link http://wnf.dk/golf-vinrejser.html

The funny part is that its only the image I have added to the page with Page -> Add Record.

So images added to background in CSS and TS is working fine.

This is an ex. on a image, where all the files is right, but not the SRC.

Pagination of "Display Subpages as News Entries" doesn't work properly.

After testing this problem on a fresh install of TYPO3 6.2.1 with the Introduction Package, I found it necessary to reopen this issue.

Here's what I did:

Set up a fresh install of TYPO3 6.2.1

On step 5 of the install tool, I checked the checkbox for "Yes, download the list of distributions"

After logging in to the new TYPO3 installation for the first time, I installed the official Introduction Package from the list of preconfigured distributions.

Next, I used the Web->Functions->"Create multiple pages" tool to create 25 pages under the "News" page (Congratulations->Content Examples->News). I named them numerically, 1-25.

These newly created pages under the "News" page in the backend were in the following order:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
TYPO3 celebrates 20th anniversary (hidden in the frontend because of date restriction)
The TYPO3 Association is founded
T3UXW09 - The first TYPO3 User eXperience
TYPO3 - An idea is born

image1

I then loaded http://mydomain/content-examples/news/ in a browser and I saw the following pages listed in the following order:

T3UXW09 - The first TYPO3 User eXperience Week
The TYPO3 Association is founded
TYPO3 - An idea is born
1
2

image2

The first problem I noticed is that the pages are listed in the wrong order. The pages that I created using the "Create Multiple Pages" Wizard aren't listed first.

Next, I clicked on the pagination link to http://mydomain/content-examples/news/page/2.html and I expected to see the following list of pages (recall that the pages are being shown in order of oldest to newest):

3
4
5
6
7

Instead, the same list of pages were shown on http://mydomain/content-examples/news/page/2.html as were shown on http://mydomain/content-examples/news/. They were

T3UXW09 - The first TYPO3 User eXperience Week
The TYPO3 Association is founded
TYPO3 - An idea is born
1
2

image3

I clicked on the link for http://mydomain/content-examples/news/page/3.html and saw the same pages.

It seems to be a caching issue because if I issue a hard refresh from my browser (CTRL+SHIFT+R in Chromium browser) I will see a different (correct) list of pages in the list of pages displayed by the "Display Subpages as News Entries" menu function.

ATagTitle remains empty

Hello Benjamin

In bootstrap_package/Configuration/TypoScript/OnePage/setup.txt the ATagTitle seems to remain empty, does this work on your setup?

ATagTitle.field = abstract // description // title

Kind regards

"bootstrap_package" depends on "typo3-ter/realurl"

Hi @benjaminkott !
after this commit e3c3bb9 Extension Manager in my installation shows this error:
#1382276561: The package "bootstrap_package" depends on "typo3-ter/realurl" which is not present in the system

I think that it's related to the introduction of composer.json file but I don't know Composer, do you have any tips to solve this please?

Changes in Style Module are not saved

Any change in Style Module is ignored.
Ext bootstrap_package has been installed as part of the preconfigured Introduction Package on a fresh TYPO3 6.2.3

Issue with some buttons in RTE

Hey, i'm a newbie to Typo 3 so excuse me to ask this question here, even if i'm quasi sure its not an issue but a missundertanding of the cms itself.
I was using the insert table button in content type text in RTE.
Since i installed bootstrap package some button disappeared (especially insert table).
(if i disable it, all working fine again).
All seems ok in "pageTSConfig.txt" in typical (my setting) folder from RTE…
I've found nowhere topics on conflict with RTE or how to activate all buttons in RTE.
Can u give me a lead ?
Thx in advance and sorry again for having pollute.

Für Hilfe bin ich sehr dankbar

ich habe Typo3 6.2.3 installiert. Introduction Pakage als extension installiert. (Diese Extension installiert ja automatisch realurl und bootstrap_package).Da dein Bootstrap Package von dir korriegiert wurde, habe ich die aktuellste version hute als Zip heruntergeladen. ( aus github). Auf meinem webspace die alte Version ( /typo3conf/ext/bootstrap_package) gelöscht und durch die aktuellste version ersetzt.

Wenn ich jetzt bei Carousel ein Bild einfüge und abspeichern möchte, dann kommt die folgende Fehlermeldung:
fehler_seite_2
fehler_seite_1

Compatibility with MySQL 5.6.x

Hi, I'm using Typo 6.2.3 with MySQL 5.6.
I'm experiencing some issue when I try to create new content elements (eg: caroussel) and save them.

2: SQL error: 'Field 'filelink_sorting' doesn't have a default value' (tt_content:NEW537cddd35d9fa)
2: SQL error: 'Field 'bodytext' doesn't have a default value' (tx_bootstrappackage_carousel_item:NEW537cddd7c8269)
2: SQL error: 'Field 'bodytext' doesn't have a default value' (tx_bootstrappackage_carousel_item:NEW537cddf6e5494)
2: SQL error: 'Field 'bodytext' doesn't have a default value' (tx_bootstrappackage_carousel_item:NEW537cde04ec5d7)
2: SQL error: 'Field 'bodytext' doesn't have a default value' (tx_bootstrappackage_carousel_item:NEW537cde1bdf3bd)

Is there any simple way to fix this? I guess it might be in the sql script?

Thanks.
Lakys

show TOP xx news - News showing.

Hi.

GREAT JOB i love it and its easy to use. i have a request, since its easier to use then TX_News, it would be nice that u can show top 3 news.
If I have a page, and here I "Add a new record..." then I can add a "Special Elements" and here I can add the "Special Menus".
I can then in the "Menu and sitemap" add a menu type = "Display subpages as news entries" and then select the page ID I want to show subpages from..
My request is now, is I possible to only show the latest 3-5 subpages/news ?
Would be nice to add that to maybe a footer column..

Workspaces and Versioning Issue problems with typo3 bootstrap package elements.

Hello Benjamin!

I describe the problem at the end of this message. Here is half of the problem solved:

On the file bootstrap_package/Classes/ViewHelpers/DataRelationViewHelper.php is missing one function. The original code near to line 58 (version 6.2.4) was:

foreach ($data as $record) {
    $items[] = $GLOBALS['TSFE']->sys_page->getRecordOverlay($table, $record, $GLOBALS['TSFE']->sys_language_uid);
}

I added a function from Workspaces recommendation's(1) page:

foreach ($data as $record) {
    $GLOBALS['TSFE']->sys_page->versionOL($table,$record);
    $items[] = $GLOBALS['TSFE']->sys_page->getRecordOverlay($table, $record, $GLOBALS['TSFE']->sys_language_uid);
}

Now its showing properly the changes on Workspaces, but the problem of the history changes if I want to "undo/redo last changes", even when I'm not on workspaces mode, they don't show. So the problem is related to a versioning functionality I guess.

I posted the problem in this forum but I'll paste it here as well:
http://forum.typo3.org/index.php/m/717138/

After installing Typo3 6.2 Bootstrap Introduction package, I was testing the workspaces and record history changes for the custom elements: Carousel, Accordion, and Icons, and they don't work properly.

Some changes I do while on workspace mode don't show on the preview mode. After publishing the changes to live, they show properly.

Carousel Element: When creating new record and adding background images, they don't show on preview mode. Only after putting it live.

Accordion: When moving the items order, the change is not saved at all while on workspaces mode. Changing the order of the items while on live editing mode works. Also any text added to the item is not shown on workspaces mode, only after putting it live.

All custom elements: When checking the record history (undo/redo last change) of the custom element, changes made on Bootstrap records are not listed.

I saw that in any file of the bootstrap introduction package the "Programming with workspaces in mind" (1) was applied. At least I searched in the source code that none of the functions referenced there are applied to the bootstrap package extension.

I would like to implement workspaces for the bootstrap package but I'm still a beginner on Typo3 development. Any help or easy fix for this problems?

Thanks for you help!

1 - docs.typo3.org/typo3cms/CoreApiReference/6.2/ApiOverview/Workspaces/Index.html

Add Documentation

We need some basic documentation and screenshots to show what this package does and how its needed to be configured.

Less configuration hardcoded?

Hi Benjamin,

Thanks for your work on this project - it's awesome!

In my setup I've pointed the TS constants to a fileadmin folder where I've copied over the Resources. This is so I can upgrade the extension if required.
The site renders ok after these changes but any new edits to the less files in my fileadmin folder structure are ignored.

I've had a look into Classes/Controller/SettingsStyleController.php and see references like this 'EXT:bootstrap_package/Resources/Public/Css/theme.min.css'.

Are these paths later overwritten by the paths I've specified in my constants or should I be "tweaking" SettingsStyleController.php to refer to my particular setup?

TIA

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.