Profile: illutian

Reported it over in the bugs, and was told you need to modify the RichEditor.cshtml

But, I'm looking at it and have no idea were to put the possible fix of "extended_valid_elements". And looking at the TinyMCE wiki it's pretty clear that the editor's config isn't set up for Razor HTML files :\

Optimally, I'd like to tell the editor to completely ignore HTML tags. Specifically the <g:plusone></g:plusone> tags used in the Google +1 button code.

I've noticed that something is stripping out HTML code "just because". I tried to use this: [quote]<script src="https://apis.google.com/js/platform.js" async defer></script>
  <g:plusone></g:plusone>[/quote]

But the HTML Widget keeps stripping out the [quote]<g:plusone></g:plusone>[/quote]

----

Nop Version: 3.5

Seems to be working with this:

.rightside-3 {
float: right;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 50px;
margin-left: 0px;
overflow: hidden;
width: 300px;
}




.center-3 {
float: right;
margin-top: 0px;
margin-bottom: 10px;
margin-right: 0px;
margin-left: 0px;
overflow: hidden;
width: 1500px;
}

Using the below code. Moves the two widgets I'm using to test with above the center column's content. But also displaces the center column down. Like so:

------
|   |
  |
------

I'd like it to line up, like so:

-----
| | |
-----

I'm looking at the '_ColumsThree.cshtml' and I see the <center-#> div is placed after the <leftside-#> and <rightside-#> div.

So, it looks like the CSHTML is setup right. This leads me to believe it's the CSS. But if I look at 'DarkOrange' and it's CSS I see that the <center-#> divs have a float of 'left'. For the Three Column Master Page section.

Ideally, I'd like the left and right columns of 'DarkOrange' to be paired with 'Traction'.

.leftside-3 {
float: left;    
width: 180px;
margin: 0px 0px 0px 50px;
display: inline;
}




.rightside-3 {
float: right;
width: 180px;
margin: 0px 200px 0px 0px;
display: inline;
}

@{
    Layout = "~/Views/Shared/_Root.cshtml";
}




@section HomePage
{
}




<div class="leftside-3">
    @if (IsSectionDefined("left"))
    {
        @RenderSection("left")
    }
    else
    {
        @Html.Widget("left_side_column_before")
        @Html.Widget("left_side_column_after")
    }
</div>




<div class="rightside-3">
    @if (IsSectionDefined("right"))
    {
        @RenderSection("right")
    }
    else
    {
        @Html.Widget("right_side_column_before")
        @Html.Widget("right_side_column_after")
    }
</div>




<div class="center-1">
    @Html.Widget("main_column_before")
    @RenderBody()
    @Html.Widget("main_column_after")
</div>

Now that I got the Traction theme the way I like it. I'd like to use Nop Templates HTML Widget to add some additional HTML-specific content.

Specifically along the right side of the homepage; just like the HTML Widget's example site. However, I notice that Traction seems to have the 'right_side_column_before' and 'right_side_column_after' disabled.

If I switch to 'Default Clean' theme then the HTML code appears. Switch it to Traction and it disappears. So I know I have the right zones.

I would very much like to use the space on either side of the HomePageText box all the way down to the Footer.

I've begun to modify the '_ColumnsOneHome.cshtml' and now have the Right and Left side zones active, but they both appear either above the HomePageText or above the Footer.

Obviously, this is because the Home page is set to use only one column. Whereas, the 'Default Clean' is set to use three columns.

And, as expected, if you point the Traction theme to use the triple column everything gets misaligned.

---

So, where does one begin modifying the CSHTML to support widget zones on either side of the currently single column.

Code so far:

@{
    Layout = "~/Views/Shared/_Root.cshtml";
}




@section HomePage
{
}




<div class="center-1">
    @Html.Widget("main_column_before")
    @RenderBody()
    @Html.Widget("main_column_after")
</div>








<div class="leftside-3">
    @if (IsSectionDefined("left"))
    {
        @RenderSection("left")
    }
    else
    {
        @Html.Widget("left_side_column_before")
        @Html.Widget("left_side_column_after")
    }
</div>




<div class="rightside-3">
    @if (IsSectionDefined("right"))
    {
        @RenderSection("right")
    }
    else
    {
        @Html.Widget("right_side_column_before")
        @Html.Widget("right_side_column_after")
    }
</div>

Worked perfectly. Thanks a bunch and can't wait to switch from Alfresco to the Traction theme! :D

I would like to move the image slider (Yellow Line) to be touching the Mega Menu and Search Filter's wrapper (Red Line). This will require modifying the CSS. However, so far, I've not been able to get the Slider to keep the CSS changes in location; it'll change the location only when the images first appear, but then the images move back to their default location.

I know it's somewhere in the CSS because both the Mobile Phone and Tablet version have the Nivo Slider 'framed' by the Logo bar and the Search Filter bar.

http://i237.photobucket.com/albums/ff265/Simulo/nopTemplatesTraction_ImageSliderLocation.jpg~original

Been trying to change it so the Slider is in between the MegaMenu and Search Filter 'wrappers'. I've tried changing the margin in the '/TractionThemeAdmin/Settings' because I really don't want to hardcode the changes.

I'd really like to use those wrappers to frame the images instead of overlapping over the images.