|
This is probably an impossible question, but I've started a new project at work and I haven't touched web design & development in about 4 years. This website has a huge horizontal scrollbar in IE9 and Chrome, a tiny horizontal scrollbar in IE11 and none (intended) in Firefox. I'm digging through the Master Page and CSS to see if anything immediately catches my eye but I really have no idea. Kind of just hoping this is some sort of remotely common issue and someone might have a suggestion where to start?
|
# ¿ Feb 17, 2015 22:48 |
|
|
# ¿ Apr 29, 2024 17:57 |
|
Anyone have any recommended reading materials for asp web dev? New job is entirely web based when all my experience is desktop applications I understand the concepts of get/post but having some troubles implementing what I think should be simple things, like populating 2 grids based off a selection in one grid, while retaining its selection. But if you go to like any car selling website its basically the same thing; pick a Manufacturer, populate a Model drop down, populate a Trim drop down etc. Drop downs and grids are obviously different, but the principle should be the same... Sab669 fucked around with this message at 18:46 on Jun 12, 2015 |
# ¿ Jun 12, 2015 14:13 |
|
AuxPriest posted:By grid do you mean gridview? Using ASP DataGrids, not GridViews
|
# ¿ Jun 13, 2015 23:50 |
|
I have limited Design knowledge and found myself working on some CSS-related issues on my web application when I came across a lot of syntax I've never seen in CSS before. I looked it up and found they're called "At-rules". Seem pretty cool/powerful, but I'm a little confused on some stuff. For example, here's the @media at-rule. It lists "-webkit-device-pixel-ratio" however my CSS file uses "-webkit-min-device-pixel-ratio". So why/how does that work? And furthermore, on that page below the list of Media Features they provide some examples, one of which is for the min device pixel ratio. But it's also colored in green on their example which typically implies a comment, although I'm going to assume it's just an issue with how they mark up code blocks. Lastly, is there somewhere better than MDN for JavaScript and CSS APIs? Like I said I generally don't do much design work -- and while I do use JS plenty I don't often "do new things" that require much more of me than a cursory search of StackOverflow. Any time I do use their site I'm typically happy with the information but the CSS stuff seems to be lacking a lot of Browser Support/Compatibility information. Sab669 fucked around with this message at 17:27 on May 25, 2017 |
# ¿ May 25, 2017 13:05 |
|
I'm experiencing this obnoxious bug where my code only works if I step through it:code:
This works perfectly in Safari, IE, and Chrome. In Firefox, it only works if I put a breakpoint and step through it. Firefox doesn't support execCommand and returns false, so it should be hitting the print() call -- which I can clearly see it does when I step through the code. Any ideas?
|
# ¿ Jun 21, 2017 15:32 |
|
I'm posting from mobile so I didn't want to type it out, but it's wrapped in one. No error log gets created, tried writing to the console but nothing. Breakpoint in the catch doesn't get fired. If it were throwing an exception then result should be undefined or null, not false, right?
|
# ¿ Jun 21, 2017 15:41 |
|
This works...code:
I don't really even know what to think anymore. Sab669 fucked around with this message at 16:09 on Jun 21, 2017 |
# ¿ Jun 21, 2017 16:03 |
|
Stupid question from someone who isn't a designer: If you declare multiple CSS classes on a single line, are you simply defining two classes which will share a common "definition"? My company pays an Indian firm for some large scale projects and it's my job to unfuck the code they give us. In this case, they recently rewrote our super old, IE-only, table driven web application so it looks somewhat modern. Now it uses divs and tables! I'm trying to fix some display issues, so I stripped out all of the tables on this one page but now I'm getting some really weird padding issues and I can't figure out where it's coming from. I'm basically just looking up every CSS definition and see stuff like this: code:
That would be the same as declaring .facilitynews { ... } and then a separate entry for .content { ... }, right? Or does this make it so that the style only applies to content classes within a facilitynews class? Also, any recommendations for tutorials on using Chrome's Dev tools? I have a hunch that somewhere between the Element's "Styles" and "Computed" tabs I should be able to figure out where the padding is coming from, but there are just so many things and half of them are crossed out and I don't understand.
|
# ¿ Jan 3, 2018 18:14 |
|
Thank guys I read something online which said that if there is a space between periods when defining a class then it would behave as two separate ones, but that seemed to conflict with what I was seeing, so I guess it was wrong or outdated.
|
# ¿ Jan 3, 2018 20:07 |
|
Not sure where best to post this question. I have a Windows Server 2016 machine running WAMP 3.1.3 to host a PHP application. When I'm on that server, I can navigate to localhost/myWebsite and it loads. If I try to access it from another machine by going to [ip address]/myWebsite I get the following error: quote:403 Forbidden I've googled around and most stuff I can find says "Cannot access site locally" which is not the issue I'm having, but in any case most solutions say to update the httpd-vhosts.conf file like so: code:
Edit; Added more from the vhosts file. If I change the Require local to Require all granted, I can access my site externally. But it sounds like this is a really bad idea? Sab669 fucked around with this message at 18:47 on Jun 14, 2018 |
# ¿ Jun 14, 2018 15:57 |
|
I don't want to limit it to anything, I want it to be accessible by any machine. Trying to make it open to the public.
|
# ¿ Jun 14, 2018 18:46 |
|
Ok, thanks. I wasn't sure if it was a security concern mostly
|
# ¿ Jun 14, 2018 19:34 |
|
So I'm working on an ASP.NET MVC application that just uses jquery and the KendoUI controls. I have a table with two dozen rows, and 4 columns per row. The first column is just some label text and then the next 3 columns are textboxes. When you press Tab, the control focus moves down to the next row but stays in whatever column you're in. A user reported a bug yesterday that pressing the Enter key moves focus horizontally, rather than vertically, which is not what we want. I didn't even know you could press Enter to change focus I've tried Googling around to figure out this issue, but unfortunately searching for things like "enter changes focus" just gives me results for people who want to make it so that when you press Enter it will change tab focus. My software's already doing this, but it doesn't respect the tab order. Here's one row from the .cshtml file: code:
All I could find in Kendo's documentation was this tiny section about keyboard navigation but I don't know how to fix my issue. So, anyone know why the Enter key doesn't respect tab index?
|
# ¿ Oct 2, 2018 12:53 |
|
I found a bizarre bug on one of my forms. There's a checkbox that, when clicked, shows a popup with Y/N prompt (regardless of whether it's checked or not). So: * Click checkbox * It gets checked * Shows Popup * Click Yes or No * Some function runs and, based on the checked state, disables one of two groups of controls. It was discovered that if you save the record first, the Checkbox is still clickable, but its Checked state isn't being updated? So what's happening instead is * Click checkbox * Checked state stays whatever it was when you saved the form * Shows Popup * Click Yes or No * Some function runs (and incorrectly evaluates the checked state) I didn't change the definition of this checkbox in the CSHTML, I searched the entire JS codebase for the control name and simply the word 'checked' and it's not being manipulated directly. I have absolutely no clue what the hell is causing this. The control isn't disabled/readonly (can checkboxes even be readonly?), only CSS classes are the Telerik/Kendo ones. Nothing was changed in the Controller. Any ideas what I can look at?
|
# ¿ Jun 14, 2019 20:45 |
|
No errors in the Console when loading the page, checking/unchecking the control, saving the form, or re-toggling the checkbox. View: code:
code:
code:
|
# ¿ Jun 14, 2019 21:04 |
|
Sab669 posted:I found a bizarre bug on one of my forms. There's a checkbox that, when clicked, shows a popup with Y/N prompt (regardless of whether it's checked or not). Been working on this issue from last week all day and I have zero leads. I even removed the OnClick event from the Checkbox entirely and it still happens
|
# ¿ Jun 17, 2019 18:39 |
|
Nolgthorn posted:Popups halt execution, perhaps it is halting execution before the checkbox changes and you evaluate it like a microsecond before it actually changes... or something like that. If you're using something like Redux then you're on your own until you agree to tear all that stuff out and write Javascript like a sane person. ASP.NET/MVC, jQuery and Telerik Kendo UI are all we use. But again now I'm defining the checkbox simply like so: code:
Nolgthorn posted:It might also be that you are reading the "value" of the checkbox as opposed to its checked state... code:
|
# ¿ Jun 17, 2019 18:52 |
|
Ruggan posted:Yeah the way you’re defining the checkbox means fuckall as its only run once to template the HTML. It doesn’t do anything to define the functionality of the HTML - that’s all client side JS. So if you’re looking at your definition in Razor you’re almost assuredly wasting your time. What I'm saying is it doesn't even have an event handler wired to it, though. So there isn't anywhere else for an event to be getting attached to the Checkbox in question. Literally no javascript (at least nothing my company has written) is being executed when you click the checkbox right now. Additionally when you Save the form, we do re-load the UI: code:
Using the Element Inspector in Firefox, the 'checked' property doesn't seem to be getting updated; Sab669 fucked around with this message at 19:05 on Jun 17, 2019 |
# ¿ Jun 17, 2019 19:03 |
|
Ruggan posted:When you refresh it and get the new html from your action result are you sure you’re replacing the existing code properly? AHHHHHHH This tripped the switch. When we call save, it's done like so: code:
Sab669 fucked around with this message at 20:21 on Jun 17, 2019 |
# ¿ Jun 17, 2019 20:17 |
|
having some weird issue where a specific page in my software is loading scrolled half way down the page. There are a bunch of different divs all sandwhiched on top of each other (dashboard / record navigation, then the actual scrollable div) cshtml file is like so: HTML code:
In the document.ready we call SetContainerDimensions('INTERIMFOLLOWUP', '', 'divPageScroll'); JavaScript code:
CSS code:
|
# ¿ Jul 15, 2019 16:19 |
|
I think basically it's supposed to subtract the height of the dashboard from the actual window size, and then use that difference for the height of the "actual body". Unfortunately my company relies heavily on some Indian software firm to write a lot of our poo poo and this is probably something that was ported over from back when we were still IE-only (like our lovely table-based layouts )
|
# ¿ Jul 16, 2019 12:27 |
|
stupidnewbie.jpg: I just recently started a job working with Angular and a bunch of other things I've never even so much as looked at. I've got a tiny app that just presents data pulled from an API. My component's HTML looks like this:code:
If I change it to use [ngIf] instead of *ngIf, my app works but now VSCode gives me a red squiggly with the same error as above. I googled around and all I could find were like 5 year old posts saying to import { CommonModule } from '@angular/common';, but that did not fix the issue. Anyone know what dumb thing I'm missing/doing wrong? Sab669 fucked around with this message at 13:57 on Jul 28, 2021 |
# ¿ Jul 28, 2021 13:38 |
|
It's not the app-root, just some dashboard component that'll be used as a sort of navigation menu at the top of any given page. I actually was just given an existing little app and basically told "Rip out everything you don't need, and add a component to show this data", for better or worse. I made no changes to the app-component.ts for what I'm doing. The original app I started with only has 3 imports in this dashboard component and *ngIf works just fine there; code:
code:
Sab669 fucked around with this message at 15:31 on Jul 28, 2021 |
# ¿ Jul 28, 2021 15:26 |
|
I'm not sure what you're asking
|
# ¿ Jul 28, 2021 16:26 |
|
Ah, yea, ended up being an issue with app-module.ts; was able to figure it out. Thanks
|
# ¿ Jul 28, 2021 18:01 |
|
God drat it thread I hate CSS / UI Design so much, I'm so bad at it I'm trying to create a layout similar to what you'd see on Bootstrap's documentation site: https://getbootstrap.com/docs/5.0/components/accordion/ I want a collapsible navigation menu on the left with its own scroll bar, the "actual body" to the right, and a row going across the bottom with some buttons that should always be visible. I'm pretty close to those requirements, but it's not quite there and I don't understand why The actual HTML file is approximately 200 lines long, but I think I've cut out everything I can to make try and make it a little easier to digest: code:
code:
Looks great right? Until we expand one of the nav menus: I can't figure out how to get that left-most scroll bar to "belong" to the nav menu on the left. I've tried wrapping the Accordion div in something with overflow: auto, I've tried wrapping the bootstrap column div which encapsulates the accordion in another div and tinker with the overflow there, nothing works And I'm not sure why, when the menu expands and causes the scroll bar to appear, why does the "app body" have a large gap between it and the footer buttons. Although I suppose if I can get the scrollbar to tie to the nav menu, then that'll probably fix this issue... I've been digging around in the browser's Inspector all week and I just can't figure this poo poo out. Sab669 fucked around with this message at 17:55 on Dec 8, 2022 |
# ¿ Dec 8, 2022 17:41 |
|
Last Chance posted:Possibly wrap the accordion in a div that has a fixed height of 100vh (100% of user's viewport) and has overflow: scroll turned on: Put that class right on the accordion div and I do have a scrollbar on the menu now, but for some strange reason I still have that right-most scrollbar Changed it overflow: auto instead as I'd prefer not to always have scrollbars -- but man I swear I tried that earlier this week and it wasn't doing what I wanted lol. Maybe I had it on a wrapper div instead or something. I'll continue to tinker with it, but definitely a step in the right direction, thanks.
|
# ¿ Dec 8, 2022 20:11 |
|
So this is a really dumb question, I've got an Angular app that uses Bootstrap for most stuff. Using this for some tooltips in the app - https://ng-bootstrap.github.io/#/components/tooltip/api Works flawlessly in 2 of my components, doesn't work at all in 2 other components. It's just a bunch of <input type="text" [(ngModel)]="model.someField" ngbTooltip="Whole numbers only"> Cannot figure out what might cause it to not render, can't find any real other examples of this happening on Google. No errors in my dev console when I mouse over the textboxes that aren't working. I feel like I gotta be missing something dumb/obvious but there's nothing different in any of my .ts files, nothing stand out in the main app.module.ts or anything either. Any ideas
|
# ¿ Jun 6, 2023 20:58 |
|
I'll update with some actual code later, sorry; SA is blocked at work so I was phone posting and now I have to go to a Happy Hour But none of the components have anything going on; there's just 1 import in the main app.module.ts then tagging that `ngbTooltip` attribute onto 45 different input controls across 4 components.
|
# ¿ Jun 6, 2023 22:16 |
|
MikeJF posted:Are you importing the tooltip module into the containing module of each component? Incidentally I don't seem to be importing it anywhere but the app.module.ts; not in the Components where it does work nor the ones where it doesn't. code:
code:
code:
Like I said, I gotta be missing something supremely dumb but I can't seem to spot it and have no ideas what to even look for. I did try adding `import { NgbModule } from '@ng-bootstrap/ng-bootstrap';` to each component of mine but that made no difference Edit Seems like the wrong Import statement entirely, actually, should be `import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';` -- but once again how the fk is this working in some cases at all, then. And still broken elsewhere. Sab669 fucked around with this message at 04:42 on Jun 7, 2023 |
# ¿ Jun 7, 2023 04:29 |
|
Correct, just the single app.module.ts with all my components in it. And yea not it; like I said even if I copy one that is working to the component where it's not working [and strip out all the ngModel=... stuff] it still doesn't work in those components either lol.
|
# ¿ Jun 7, 2023 12:59 |
|
Motherfucker.... Apparently those tooltips don't work unless they're inside of a div or whatever with `class="card cardbody"` 😫
|
# ¿ Jun 7, 2023 21:25 |
|
Is there a better place to ask Dumb Angular Questions? I have some function which uploads a file to my .NET API and either refreshes the page if the file is valid, or presents a list of errors if the file is invalid. For the latter, the C# code is just a simple: return StatusCode(500, listOfErrors<T>); My Angular function is basically just: code:
Sab669 fucked around with this message at 21:10 on Mar 25, 2024 |
# ¿ Mar 25, 2024 21:01 |
|
Ugh, yea, honestly this place seems to decorate drat near all of their functions with that so tbh I thought it was just boilerplate Angular stuff (I still consider myself quite new to it) but digging into it, clearly not - if I just delete that whole .pipe(...) now it works exactly as it should Thanks lol.
|
# ¿ Mar 25, 2024 21:16 |
|
|
# ¿ Apr 29, 2024 17:57 |
|
Yea you're probably right that 500 doesn't make the most sense. Was very much just a, "Copying the way these other endpoints do it" internally consistent jobs.
|
# ¿ Mar 26, 2024 00:59 |