Nervy z Designu ASP.NET stránky

Nervy z Designu ASP.NET stránky zodpovězená otázka

Nazdar , pokúšam sa už asi dve hodiny presunúť pred CheckBoxList1 viacero TextBox-ou , ale nedarí sa mi to a vždy mi to hodí nižšie. Je to strašne nepohodlné a nedá sa s ničím hýbať lebo Web Devenloper 2010 Ultimate sa mi stále snaží akoby napovedať ako mám a kam presunúť jednotlive komponenty. Už mám naozaj nervy na pokraji lebo vo Visual Basic 2010 Ultimate mi ide presunúť všetko a hocikam a s prepačením nedorobeny W.D. mi nedovolí nič !

Velmi prosím o radu ako vypnúť to aby mi nič nenapovedalo , proste aby som mal všetko volné. (hladám to už v nastaveniach vyše hodinu , všetko skúšam a nič z toho)

Prikladám screenshoty ak ste ma nepochopili :

http://yfrog.com/7gcapturetip

Je tam vyznačené čo a kam potrebujem premiestniť (textbox-i do riadkov pre checkboxlist1)

Predom dakujem za odpoved.

PS:tento problém mám skoro pri vštkych komponentách :( velmi prosím o pomoc ako vypnúť automaticke usporiadanie komponént.

nahlásit spam

odpovědět

Máš několik možností, jak to řešit.

1. Nepoužívej CheckBoxList, ale jen CheckBox.

2. CheckBoxList vložit do tabulky (divu) a textboxy skládat do dalšího sloupce.

3. Napsat si vlastní komponentu, která zahrnuje checkbox a textbox ;-)

nahlásit spam

odpovědět

Ale nejde len o checkboxlist ale celkovo viacero komponent je problémové rozmiestniť. Napríklad aj rozmiestnenie buttone je dosť primitívne ale chvala bohu dá sa to tak je šipkami ako "idiot" prejdem tam kam ho chcem presunúť a medzerníkom tak musím vytvoriť akoby neviditelné pole a tam ho umiestniť.

Pardon , ale vaša odpoved len obchádza moju otázku :) a preto by som velmi ocenil niaky kod alebo nastavenie , ktoré mi dovolí pohybovať komponenty všade.

Za odpovede predom dakujem.

nahlásit spam

odpovědět

DotNETcollege: Mohlo by vás zajímat

TypeScript

Javascript pro mírně pokročilé

Budoucnost ASP.NET, Razor a MVC pro Web Forms programátory

Vývoj webových aplikací v Angular I

DotVVM pro začátečníky

Vývoj single page aplikací pomocí ASP.NET Web API, Knockout JS a Durandal

Upgrade programátorských dovedností

ASP.NET MVC pro mírně pokročilé

DotVVM pro pokročilé

ASP.NET Core (1/5): Co to je a jak to funguje

A proč chcete hýbat komponentami? Myslím,že to není nutné..vše si můžete napozicovat pomocí CSS.

Navíc komponentami hýbat jde ;)

nahlásit spam

odpovědět

10. 5. 2010 10:31

Tomáš Herceg

1847 3847

Ten Design režim doporučuji spíš nepoužívat - dole se přečpněte do režimu Source a máte nad vším plnout kontrolu. Jenom to chce znát HTML a CSS, ale bez znalosti těchto jazyků se stejně nic pořádného v ASP.NET napsat nedá a bude to šílený bastl. Je to jako jezdit autem a nevědět, k čemu je řadící páka.

nahlásit spam

odpovědět

Dakujem za odpovede, ale došiel som nato ako presúvať komponenty aj bez použitia source :D

Takže pre tých ktorý majú radi design ako ja postupujte takto :

v okne prostredia Visual Web Developer máte hlavný panel a nanom možnosť Tools a tam vyberte Options prejdite na výber s menovkou HTML Designer následne túto vetvu otvorte a potom kliknite na CSS Styling a zaškrtnite poslednú možnosť s textom : Change positioning to absolute for controls added using Toolbox, paste or drag and drop .

PS: mám Visual Web Developer 2010 takže neviem či to funguje na verziách 2008/2005 , ale myslím že je to tam rovnaké :)

nahlásit spam

odpovědět

11. 5. 2010 12:34

Tomáš Herceg

1847 3847

A díval jste se, jak odporné a nepoužitelné výstupy to generuje? Design režim je nepoužitelný, něco v tom sice splácáte, ale pak se akorát divíme, jak všichni nadávají, že ASP.NET smrdí a produkuje hnusný výstup. Tohle je přesně ten důvod.

nahlásit spam

odpovědět

No mne sa výstupný kód páči a je bez chyby. Možno že to bude tím že používam VS 2010 Ultimate v ktorom je to lepšie spravené alebo sa mýlim ?? (teda oproti starému VS2005 alebo 2008 tam predsa len musí byť niaka zmena)

takto vyzerá vygenerovaný kód bez mojich úprav (používal som iba Visual) :

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="g14h.aspx.vb" Inherits="g14h" %>

<!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 runat="server">
    <title></title>
    <style type="text/css">
        #form1
        {
            width: 829px;
            height: 391px;
        }
    </style>
</head>
<body bgcolor="#000000">
    <form id="form1" runat="server" style="color: #C0C0C0">
    <div style="font-family: 'Courier New'; font-weight: bold; color: #FF00FF">
    
        Get 
        remote user&#39;s directories , files and other info from this locations :</div>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:CheckBoxList ID="CheckBoxList2" runat="server" BackColor="Black" 
        BorderColor="Aqua" BorderStyle="Inset" Font-Names="Courier New" 
        ForeColor="Lime" 
        style="z-index: 1; left: 11px; top: 60px; position: absolute; height: 27px; width: 63px">
        <asp:ListItem>C:/</asp:ListItem>
        <asp:ListItem>D:/</asp:ListItem>
        <asp:ListItem>E:/</asp:ListItem>
        <asp:ListItem>F:/</asp:ListItem>
        <asp:ListItem>G:/</asp:ListItem>
        <asp:ListItem>H:/</asp:ListItem>
        <asp:ListItem>I:/</asp:ListItem>
        <asp:ListItem>J:/</asp:ListItem>
        <asp:ListItem>K:/</asp:ListItem>
    </asp:CheckBoxList>
    <asp:Label ID="Label1" runat="server" BorderStyle="Solid" BorderWidth="2px" 
        Font-Bold="False" ForeColor="Red" 
        style="z-index: 1; left: 11px; top: 286px; position: absolute; width: 823px; height: 0px" 
        Text="    "></asp:Label>
    <asp:Label ID="Label2" runat="server" BorderStyle="Solid" BorderWidth="2px" 
        Font-Bold="False" ForeColor="Red" 
        style="z-index: 1; left: 75px; top: 58px; position: absolute; width: -3px; height: 228px" 
        Text="    "></asp:Label>
    <asp:Label ID="Label3" runat="server" BorderStyle="Solid" BorderWidth="2px" 
        Font-Bold="False" ForeColor="Red" 
        style="z-index: 1; left: 11px; top: 58px; position: absolute; width: 823px; height: 0px" 
        Text="    "></asp:Label>
    <asp:TextBox 
        ID="TextBox1" runat="server" BackColor="Black" ForeColor="Aqua" 
        style="z-index: 1; left: 226px; top: 116px; position: absolute"></asp:TextBox>
    <asp:Label ID="Label4" runat="server" BorderStyle="Solid" BorderWidth="2px" 
        Font-Bold="False" ForeColor="Red" 
        style="z-index: 1; left: 76px; top: 256px; position: absolute; width: 758px; height: -3px" 
        Text="    "></asp:Label>
    </form>
    </body>
</html>

Ale samozrejme , že niesom niaky zástanca Visual-u :) určite je potrebnejšie ovládať source lebo o tom je programovanie , teda aj keby niekto vedel iba Visual a bude čítať niaky zdroják na internete tak by si to vedel asi ťažko predstaviť. Išlo mi len o to že pri úprave viacerých komponent sa mi nechce preklikávať do source a skúšať to po pixeloch presúvať a račej to "chmatnem" myšou a hodím kam chcem :) ... (prípadne použijem šipky).

nahlásit spam

odpovědět

Já plně souhlasím s p.Hercegem.Z vlastní zkušeností vím,že tento postup neni použitelný pro praxi a každý "správný" programátor,co je při smyslech,takovýhle bastl do světa nepustí.

Holt se nesmí zapomínat,že je to stále HTML + CSS a ne žádná form aplikace.

Řádky podobné tomuhle( z vašeho zdr.kódu)

 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Je děs...musíte uznat sám.

Jen si představte,že napíšeš mnohem obsáhlejší a složitější web,který bude mít desítky ne-li stovky částí a mechanismů a pokud Vám v tom začne figurovat takováto hrůza,tak se z toho nejen vy zblázníte.

nahlásit spam

odpovědět

Jinak ještě druhá věc..doporučil bych Vám se osvojit techniku psaní webapp,bez in-line stylů..v rámci větší aplikace,začíná být zdr.kód silně nepřehledný.Navíc to moc neodpovídá XHTML validaci.

nahlásit spam

odpovědět

11. 5. 2010 14:40

Tomáš Herceg

1847 3847

Horší je to absolutní pozicování pomocí CSS - takhle se to prostě nedělá, u složitějších stránek se to úplně rozsype.

Pokud chcete weby dělat takto a nechcete se obtěžovat s učením se HTML a CSS, tak je raději nedělejte vůbec.

Koneckonců každý by zvládnul uplácat si domek z hlíny, ale většina lidí si raději dům postaví z cihel a jsou na to potřeba znalosti. Díky tomu jim pak nespadne na hlavu a vypadá líp.

nahlásit spam

1 / 1

odpovědět

Ano , myslím že máte pravdu a nielen preto že som neskúsený , ale aj preto že to dáva hlavu a pätu.

Napadlo ma , že tento celkom nechutný kód sa dá vymazať :

 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

a potom nieje žiadny problém.

Jeden neregistrovaný pán napísal že písanie s in-line styl je neprehladný a viete mi prosím vysvetliť čo je to in-line styl prosím ? Chcel by som tomu predísť :)

PS: HTML a CSS sa stále postupne učím :) len nemám tolko volného času nakolko som študent a niekedy si musím bohužial pomôcť aj so zlými pokusmi. A velmi vám dakujem za odpovede a rady :)

nahlásit spam

odpovědět

otázka připomínka kladné hodnocení záporné hodnocení

Nadpis:

Antispam:

Komu se občas házejí perly?

Příspěvek bude publikován pod identitou anonym.

Administrátoři si vyhrazují právo komentáře upravovat či mazat bez udání důvodu.
Mazány budou zejména komentáře obsahující vulgarity nebo porušující pravidla publikování.

Pokud nejste zaregistrováni, Vaše IP adresa bude zveřejněna. Pokud s tímto nesouhlasíte, příspěvek neodesílejte.

dotNETportal.cz