Guide2 Alignment

[kirschey]

Hi All,

I am not sure exactly how to work with asp dynamic files to make changes to the core code, so I am posting this here. Any tips how to modify the code would be useful.

In my browsers, the alignment is off between the timeline and the show information.

I fixed the issue in percentages, it just needs to be updated where the code is fed from:

Code:

<div id="_ctl0_ContentPlaceHolder1_TIMELINE_HEADER">
<div id="_ctl0_ContentPlaceHolder1_forcedScrollbar">
  <div class="timeSlot" style="width:6.9%;">
    <div class="timeSlot" style="margin-left: 6.9%; width:22.8%;">
    <div class="timeSlot" style="margin-left: 29.68%; width:22.8%;">
    <div class="timeSlot" style="margin-left: 52.35%; width:22.8%;">
    <div class="timeSlot" style="margin-left: 75.1%; width:24.9%;">
  </div>
</div>

In addition, I found a missing piece of JS from the link manage2.aspx source. The JS is:

Code:

onclick="EditPop5(this.href,'Add1');return false;"

...missing from the link at the bottom below.

Code:

<li class="AspNet-TreeView-Parent">
    <span class="AspNet-TreeView-Collapse" onclick="ExpandCollapse__AspNetTreeView(this)">&nbsp;</span>
    <span class="AspNet-TreeView-ClickableNonLink" onclick="ExpandCollapse__AspNetTreeView(this.parentNode.getElementsByTagName('span')[0])"> Recurring Recording</span>
    <ul class="AspNet-TreeView-Show">
        <li class="AspNet-TreeView-Leaf">
            <span class="AspNet-TreeView-NonLink">
                <span class="listing">Genre: Recurring Recording</span>
            </span>
        </li>
        <li class="AspNet-TreeView-Parent">
            <span class="AspNet-TreeView-Collapse" onclick="ExpandCollapse__AspNetTreeView(this)">&nbsp;</span>
            <span class="AspNet-TreeView-ClickableNonLink"             onclick="ExpandCollapse__AspNetTreeView(this.parentNode.getElementsByTagName('span')[0])"> </span>
            <ul>
                <li class="AspNet-TreeView-Leaf">
                    <input id="_ctl0_ContentPlaceHolder1_TreeView1n2CheckBox" type="checkbox" name="_ctl0:ContentPlaceHolder1:TreeView1n2CheckBox">
                    <label for="_ctl0_ContentPlaceHolder1_TreeView1n2CheckBox">
                    <a href="Details2.aspx?id=R50&rid=R50">
                    <span class="channelName">NY1</span>

[UncleJohnsBand]

HAve you tried playing with the minute slice in the config settings of NEWA for the alignment issue.....it has been some time but I belive that is there to help with such alignment issues.

What isn't working on that link.....it should be opening a new window with the details in it....is that not occuring?

[kirschey]

The <li> <a> doesn't popup when you drill down the list by opening the + button and click on the channel name link.

[kirschey]

For the width issues I see it is controlled by the file GuideListingShowTimes.cs

I am trying to understand where the getShowtimesMargin() class goes. Any help would be appreciated.

Code:

public int getShowtimesMargin()
        {
            return showtimes_Margin;
        }

[UncleJohnsBand]

Ok....the attached should fix the pop-up not working when clicking on a recurring recording.

As for the alignment....in guide2.aspx.cs you will want to change the use of channelColMargin for the time_margin value to be the value you want it to be to play with the alignment .......if you want to use a decimal than you will need to change the declaration of all the below variables from int to float.

Also...unless I make this a setting in the configuration you will need to reset the value with each new NEWA release since it will get updated to the base code rather than your custom change.

Code:

//The below variables are used to calculate where the programs should fall on the timeline.
            //
            //Set the variable for the default channel column margin
            int channelColMargin = 7;
            //Set the variable for epgevent offset margin to be in the correct position
            int time_margin = [color=red]channelColMargin;[/color]
            //Set the display line remaining variable
            int remainingDisplay = 100 - time_margin;
            //Default the running width
            int runWidth = 0;
            //Default the running margin
            int runMargin = channelColMargin;
            //Default the running time
            int runTime = 0;

Let me know how you make out with this....

[kirschey]

The patch solved the popup issue thanks. A definite for future releases.

As far as the alignment is concerned, is your alignment off? I am willing to use the larger memory space for the floats but it is honestly up to you.

[UncleJohnsBand]

The patch solved the popup issue thanks. A definite for future releases.

As far as the alignment is concerned, is your alignment off? I am willing to use the larger memory space for the floats but it is honestly up to you.

Post a screen shot of what your alignment looks like....mine is off slightly but from what I can tell it is from shows starting/ending a minute or two pre/post the hour/half-hour marks.

[kirschey]

You can see the alignment gets progressively more spaced the more right you look. NY1 is by the hour every hour, so it is very easy to see the out of alignment issues.

I used firebug to figure out the decimal percentages from above.

[UncleJohnsBand]

yea....something strange is going on....I hate CSS..... :mad:

It isn't as simple as plugging in the values you gave since those values change based on how much you have showing on the guide(you can set this in the config). I have mine set to 180 minutes (3 hours). So for my layout there are more numbers to be adjusted.

As you can see my alignment is off as well:


But looking at the CSS layout these items should align without issue.....Below is the timeline.....notice the %'s for margin-left and width....


Now here is the CSS for the guide row displayed above....notice the starting %'s (margin-left #'s) are the same as the timeline segments. The last entry has a width of 31% since it is an hour long show taking up two segments of the timeline which alings to the total width of the last two segments on the timeline (15% + 16% = 31%)