Forums

Bootstrap: Areas not editable

Permalink
I'm trying to implement a bootstrap theme for Concrete 5. The problem that I have with it is that the editable areas can not be selected, so that you can not edit them.
If I use themes without bootstrap, everything is working fine.
I noticed that a CSS file called 'angular-material.min.css' changes the actual CSS of the theme and assigns a different background color (white) to the body.

Here is the code of the theme-page 'default.php':

<!DOCTYPE html>
<html lang="de">
  <head>
    <?php Loader::element('header_required') ?> 
    <!-- Bootstrap -->
   <link href="<?= $view->getThemePath() ?>/css/bootstrap.css" rel="stylesheet">
   <link href="<?= $view->getThemePath() ?>/css/aphbw.css" rel="stylesheet" type="text/css">
  </head>
  <body>
  <div class="<?= $c->getPageWrapperClass() ?>">
  <div>
  <?php
    $a = new Area('Biwak');
    $a->display($c);
?>
Viewing 15 lines of 24 lines. View entire code block.



The CSS is

@charset "utf-8";
body {
   background-color: #faf0de;
}



The Internet address of the page is 'http://www.webprojects.de/entwurf/c5test/'.
There's no content on it exept the (not) editable area.

Help would be highly appreciated, because I absolutely do not know why there's a problem here.
 
sk01 replied on at Permalink Reply
sk01
you try to use angular with c5? that'll not work.
https://de.wikipedia.org/wiki/AngularJS...

you want to make a material theme? tryhttp://mdbootstrap.com/ as starting point.
conker39 replied on at Permalink Reply
Angular.js was in a widget, that I included via the HTML-block, but then deleted later. Now it's somehow still in the database and gets in the published page. How can I get rid of it?
sk01 replied on at Permalink Reply
sk01
delete /application/files/cache/ to really clear the cache.
conker39 replied on at Permalink Reply
The problem was obviously that jquery.js was at the end of the themes php-page. When I put it in the 'head'-section, the bootstrap theme runs smoothly. Previously you couldn't even edit the page settings (or select areas as mentioned before).
There is nothing to be said against it, right? Or should jquery.js not be in the head-section?
sk01 replied on at Permalink Reply
sk01
maybe this helps. you can require C5's jquery very easily:

http://documentation.concrete5.org/developers/designing-for-concret...