YUILibrary - Open source JavaScript and CSS for building richly interactive software.
Fork YUI on GitHub

Board index » YUI 2.x: » Using YUI 2.x Components

Page 1 of 1   [ 6 posts ]
New Topic | Post Reply | Print view

anan kishk

  • Username: ananabha
  • Joined: Sun Nov 22, 2009 4:09 am
  • Posts: 3
  • IRC: anan
  • Offline
  • Profile
Tags:

please help me in this problem

Post Posted: Sun Nov 22, 2009 4:34 am
+0-
i am using YUI layout to make the right side of my page collapsable

iam using visual studio.net 2005 (ASP.NET)

my problem is that the code behind doesn't work
for example
i have an imagebutton to logout user
by clicking this imagebutton , the following vb code is supposed to work but it doesn't work


Code:
session("username")=""



i am sure the problem isn't in my code because everything was working good before i use YUI layout
please tell me what is the problem

Kristopher Ives

  • Username: krisives
  • Joined: Tue Aug 11, 2009 5:00 am
  • Posts: 51
  • Location: Salem, OR
  • Twitter: kristopherives
  • GitHub: krisives
  • Gists: krisives
  • IRC: krisives
  • Offline
  • Profile

Re: please help me in this problem

Post Posted: Sun Nov 22, 2009 6:55 am
+0-
Can you pastebin the HTML you're rendering?

Your description and post title don't help us figure out your problem at all.

anan kishk

  • Username: ananabha
  • Joined: Sun Nov 22, 2009 4:09 am
  • Posts: 3
  • IRC: anan
  • Offline
  • Profile
Tags:

Re: please help me in this problem

Post Posted: Sun Nov 22, 2009 10:17 am
+0-
Dear krisives
this is my html

Code:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>Show All Orders Page</title>
<style type="text/css">
body {margin:0;padding:0;}
#toggle {text-align: center;padding: 1em;}
#toggle a {padding: 0 5px; border-left: 1px solid black;}
#tRight {border-left: none !important;}
</style>

<link rel="stylesheet" type="text/css" href="build/reset-fonts-grids/reset-fonts-grids.css" />
<link rel="stylesheet" type="text/css" href="build/resize/assets/skins/sam/resize.css" />
<link rel="stylesheet" type="text/css" href="build/layout/assets/skins/sam/layout.css" />
<link rel="stylesheet" type="text/css" href="build/button/assets/skins/sam/button.css" />
<script type="text/javascript" src="build/yahoo/yahoo-min.js"></script>
<script type="text/javascript" src="build/event/event-min.js"></script>
<script type="text/javascript" src="build/dom/dom-min.js"></script>
<script type="text/javascript" src="build/element/element-min.js"></script>
<script type="text/javascript" src="build/dragdrop/dragdrop-min.js"></script>
<script type="text/javascript" src="build/resize/resize-min.js"></script>
<script type="text/javascript" src="build/animation/animation-min.js"></script>
<script type="text/javascript" src="build/layout/layout-min.js"></script>

<script type="text/javascript">
(function() {
    var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event;
    Event.onDOMReady(function() {
        var layout = new YAHOO.widget.Layout({
            units: [
                { position: 'top', height: 70, body: 'top1', header: '', gutter: '5px', collapse: false, resize: false },
                { position: 'right', header: 'Main Menu', width: 166, resize: true, gutter: '5px', footer: '', collapse: true, scroll: false, body: 'right1', animate: true },
                { position: 'center', body: 'center1', scroll: true  }
            ]
        });
        layout.on('render', function() {
            layout.getUnitByPosition('left').on('close', function() {
                closeLeft();
            });
        });
        layout.render();
        Event.on('tLeft', 'click', function(ev) {
            Event.stopEvent(ev);
            layout.getUnitByPosition('left').toggle();
        });
        Event.on('tRight', 'click', function(ev) {
            Event.stopEvent(ev);
            layout.getUnitByPosition('right').toggle();
        });
       
        Event.on('padRight', 'click', function(ev) {
            Event.stopEvent(ev);
            var pad = prompt('CSS gutter to apply: ("2px" or "2px 4px" or any combination of the 4 sides)', layout.getUnitByPosition('right').get('gutter'));
            layout.getUnitByPosition('right').set('gutter', pad);
        });
        var closeLeft = function() {
            var a = document.createElement('a');
            a.href = '#';
            a.innerHTML = 'Add Left Unit';
            Dom.get('closeLeft').parentNode.appendChild(a);

            Dom.setStyle('tLeft', 'display', 'none');
            Dom.setStyle('closeLeft', 'display', 'none');
            Event.on(a, 'click', function(ev) {
                Event.stopEvent(ev);
                Dom.setStyle('tLeft', 'display', 'inline');
                Dom.setStyle('closeLeft', 'display', 'inline');
                a.parentNode.removeChild(a);
                layout.addUnit(layout.get('units')[3]);
                layout.getUnitByPosition('left').on('close', function() {
                    closeLeft();
                });
            });
        };
        Event.on('closeLeft', 'click', function(ev) {
            Event.stopEvent(ev);
            layout.getUnitByPosition('left').close();
        });
    });
})();
</script>
</head>
<body class="yui-skin-sam">
<form id="form1" runat="server">
<div id="top1">
Header
</div>
<div id="right1">
Right Menu
<br />
</div>
<div id="center1">
<br />
<asp:LinkButton ID="BTN" runat="server">Logout From C-Panel</asp:LinkButton>
<asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="~/images/xp-close.gif" />
</div> 
</form>
</body>
</html>


i wait you... thanks

Dav Glass

YUI Developer

  • Username: davglass
  • Joined: Thu Aug 28, 2008 9:28 am
  • Posts: 788
  • Location: Cupertino, CA
  • Twitter: davglass
  • GitHub: davglass
  • Gists: davglass
  • IRC: davglass
  • YUI Developer
  • Offline
  • Profile
Tags:

Re: please help me in this problem

Post Posted: Sun Nov 22, 2009 11:16 am
+0-
This is a known issue with Layout Manager and ASP.net. ASP.net wraps the content in a form, when Layout Manager renders the contents of the page are moved outside of the form.

See this post:
http://tech.groups.yahoo.com/group/ydn- ... sage/33327

anan kishk

  • Username: ananabha
  • Joined: Sun Nov 22, 2009 4:09 am
  • Posts: 3
  • IRC: anan
  • Offline
  • Profile

Re: please help me in this problem

Post Posted: Mon Nov 23, 2009 6:25 am
+0-
Dear Dav Glass
your post already solved the problem
but when i use masterpage , the problem still exists
please if you have solution for the mentioned problem in case of using masterpage
please tell me

Dav Glass

YUI Developer

  • Username: davglass
  • Joined: Thu Aug 28, 2008 9:28 am
  • Posts: 788
  • Location: Cupertino, CA
  • Twitter: davglass
  • GitHub: davglass
  • Gists: davglass
  • IRC: davglass
  • YUI Developer
  • Offline
  • Profile
Tags:

Re: please help me in this problem

Post Posted: Mon Nov 23, 2009 6:26 am
+0-
I don't know ASP.net or what a "masterpage" is.
Page 1 of 1   [ 6 posts ]
New Topic | Post Reply | Print view
Display posts from previous:  Sort by  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
The YUI Team is hiring.

Recent Forums Posts

Recent YUI Blog Posts

Latest YUI Theater Videos

Online Users